【问题标题】:How to order the columns in my code with bootstrap [duplicate]如何使用引导程序对我的代码中的列进行排序[重复]
【发布时间】:2021-09-30 18:16:46
【问题描述】:

PC 上所需的渲染:
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-bootstrap bootstrap-4


    【解决方案1】:

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

    【讨论】:

    • 这会改变顺序 div 的显示吗?这就是 OP 正在寻找的。​​span>
    • 它将显示更改为 col-sm-8 意味着将 col-8 类赋予所有屏幕尺寸以上的小型使用引导文档以获取更多信息
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-01-19
    • 1970-01-01
    相关资源
    最近更新 更多