当屏幕尺寸较小时，Bootstrap4行和列不会堆叠在一起

。在Bootstrap中，行和列是用来创建网格系统的基本组件，用于响应式布局。默认情况下，当屏幕尺寸较小时，列会自动堆叠在一起，以适应较小的屏幕。

然而，如果希望在较小的屏幕上保持列的排列而不堆叠，可以使用Bootstrap提供的响应式工具类来实现。具体来说，可以使用flex-column类将行的方向设置为垂直方向，并使用flex-sm-row类将列的方向设置为水平方向。

例如，以下示例代码演示了如何使列在较小的屏幕上保持水平排列：

<div class="container">
  <div class="row flex-column flex-sm-row">
    <div class="col-sm-4">列1</div>
    <div class="col-sm-4">列2</div>
    <div class="col-sm-4">列3</div>
  </div>
</div>

在上述示例中，flex-column类将行的方向设置为垂直方向。在较小的屏幕上（小于等于sm尺寸），flex-sm-row类将列的方向设置为水平方向。

这样，即使屏幕尺寸较小时，列也会水平排列，而不会堆叠在一起。

推荐的腾讯云相关产品：

• 腾讯云服务器（CVM）：提供灵活可扩展的云服务器实例，用于托管网站和应用程序。链接：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：全托管的MySQL数据库服务，提供高性能、高可用、弹性伸缩的数据库解决方案。链接：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云内容分发网络（CDN）：加速内容分发，提供快速、稳定的全球加速服务，改善网站和应用程序的访问性能。链接：https://cloud.tencent.com/product/cdn