Bootstrap div在移动视图中依次位于另一个下方和另一个旁边

在移动视图中，Bootstrap的div可以通过使用CSS的flexbox布局来实现依次位于另一个下方和另一个旁边的效果。

具体步骤如下：

1. 首先，确保你已经引入了Bootstrap的CSS文件和相关的JavaScript文件。
2. 创建一个父容器div，设置其为flex容器。可以通过给父容器添加class="d-flex"来实现。
3. 在父容器中，创建两个子容器div，分别代表要位于下方和旁边的div。
4. 对于要位于下方的div，可以给其添加class="flex-grow-1"，这样它会占据剩余的空间。
5. 对于要位于旁边的div，可以给其添加class="flex-shrink-1"，这样它会根据内容的大小自动调整宽度。
6. 如果需要调整子容器的顺序，可以使用Bootstrap的order类来实现。例如，给下方的div添加class="order-2"，给旁边的div添加class="order-1"，这样它们的顺序就会颠倒。
7. 最后，根据需要，可以在子容器中添加其他Bootstrap的class来实现样式的调整。

这种布局方式适用于移动视图，可以实现在不同屏幕尺寸下的自适应布局。如果想了解更多关于Bootstrap的使用和相关产品，可以参考腾讯云的Bootstrap介绍页面：Bootstrap介绍。