javascript - 当您更改屏幕分辨率时，有没有办法在 bootstrap 3 上订购两个 div : image, 和文本？

Question

我知道在 bootstrap 4 上，你可以简单地在每个 div 中写“order-#”，但我的元素是基于 bootstrap 3 的，所以如果我现在更改版本，它会产生问题。

请注意，在手机屏幕上，它需要有这样的顺序:图像，文本，图像，文本，图像，文本(从上到下阅读)

Answer 1

在 Bootstrap 3 中，您可以使用 push 和 pull 在这里回答:How do I change Bootstrap 3 column order on mobile layout?

编辑:

这是一个简单的示例，将显示:

• 第一行左边是图片，右边是文字
• 第二行:左边是文字，右边是图片

但在移动设备上，它将按以下顺序显示:图像 - 文本 - 图像 - 文本，因为在 md 屏幕尺寸及以上尺寸上，我们推送图像并拉取文本

<div class="row">
    <div class="col-md-6"><img src="my_image.png"></div>
    <div class="col-md-6">Text here</div>
</div>

<div class="row">    
    <div class="col-md-6 col-md-push-6"><img src="my_image.png"></div>
    <div class="col-md-6 col-md-pull-6">Text here</div>
 </div>

可以引用this documentation了解更多。