twitter-bootstrap - 如何使用引导程序对我的代码中的列进行排序

Question

所需的渲染在电脑上：
1 | 2

所需的渲染在移动设备上：
2
1

如何使它与订单类一起工作？

我的代码：

<div class="row">
    <div class="col-lg-8"> 
         //1
         //order last on small screens
    </div>    
    <div class="col-lg-4"> 
         //2
         //order first on small screens
    </div>
</div>

标签： twitter-bootstrapbootstrap-4

Answer 1

Col-lg-8 将 col-8 类提供给大屏幕尺寸及以上您需要使用 col-sm-8 才能在较小的屏幕尺寸上使用 col-8 类。