Bootstrap 4行与列垂直堆叠而不是水平堆叠

Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建响应式网站和Web应用程序的工具和组件。Bootstrap 4中的行和列系统是其核心功能之一，用于实现网页布局。

在Bootstrap 4中，行（row）和列（column）是用来创建网页布局的基本单位。行用于创建水平的容器，而列则用于在行内创建垂直的内容区域。默认情况下，列会水平堆叠在一起，但可以通过添加特定的类来实现垂直堆叠。

要实现垂直堆叠，可以使用.flex-column类。该类可以应用于行（row）或列（column）元素上，使其内部的列垂直堆叠而不是水平堆叠。例如，以下代码演示了如何创建一个垂直堆叠的列布局：

<div class="row flex-column">
  <div class="col">第一列</div>
  <div class="col">第二列</div>
  <div class="col">第三列</div>
</div>

在上面的示例中，.flex-column类被应用于行元素，使得内部的列元素垂直堆叠显示。每个列元素都使用.col类来定义其样式。

垂直堆叠的行与列布局在某些情况下非常有用，例如创建垂直导航菜单、垂直的卡片布局等。

腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、云存储、内容分发网络（CDN）等。您可以根据具体需求选择适合的产品。更多关于腾讯云的产品信息和介绍可以参考腾讯云官方网站：腾讯云。