Twitter bootstrap bootstrap 4中元素的逆序

我有一个包含3个元素的列表，如下所示：

• 文本图像
• 图文
• 文本图像

在移动设备上，我希望在图像之前有第二个元素图像的文本，但现在我得到了相反的结果

<div class="container">

  <div class="sub-title">
    <div>simpleTextDynamicIndoorNavigationTitle</div>
  </div>

  <div class="row">

    <div class="col-md-6">
      <div>text sample</div>
    </div>
    <div class="col-md-6">
      <img src="assets/img/img1.png">
    </div>

  </div>

  <div class="row">

    <div class="col-md-6">
      <img src="assets/img/img2.png">
    </div>
    <div class="col-md-6">
      <div>text sample</div>
    </div>

  </div>

  <div class="sub-title" id="use-cases-title">
    <div>simpleTextUseCasesTitle</div>
  </div>

  <div class="row" >

    <div class="col-md-6">
      <div>text sample</div>
    </div>
    <div class="col-md-6">
      <img src="assets/img/img3.png">
    </div>

  </div>

</div>

simpleTextDynamicIndoorNavigationTitle
文本样本
文本样本
简单纹理
文本样本

您需要的是第二个元素文本列的类

order first order-md-2

：

orderfirst

类说：将此列放在第一位

order-md-2课程说：在md（中等）或更大的屏幕上，此栏排在第二位

代码如下：

simpleTextDynamicIndoorNavigationTitle
文本样本
第二元素文本
简单纹理
文本样本

您可以利用订单

您的第二个元素如下所示

  <div class="row">

    <div class="col-md-6 order-md-2">
        <div>text sample</div>
    </div>
    <div class="col-md-6 order-md-1">
        <img src="assets/img/img2.png">
    </div>

  </div>

文本样本

这将使“文本样本”首先在小屏幕上显示，图像首先在大屏幕上显示

---

编辑：修复了从v4 alpha到v4的示例

非常感谢！！它工作得很完美：）引导程序4的阿尔法版本和恐龙一样过时……修复了它，阿尔法消失了。