bootstrap垂直布局

要在Bootstrap中实现垂直布局，可以使用Flexbox布局。以下是一个简单的示例代码：

<div class="d-flex flex-column">
  <div class="p-2">Item 1</div>
  <div class="p-2">Item 2</div>
  <div class="p-2">Item 3</div>
</div>

在这个例子中，`d-flex`类将容器转换为Flexbox容器，`flex-column`类将子元素以垂直方向布局。每个子元素都带有`p-2`类，该类将添加一些填充，以便更好地分隔子元素。

您还可以使用其他Flexbox属性来更改子元素的对齐方式和布局。例如，`justify-content-center`类可将子元素水平居中。