html – 使用twitter bootstrap 3折叠网格

发布时间：2020-12-14 23:22:56 所属栏目：资源来源：网络整理

导读：我有一排4格栅.我如何像这样崩溃它. 大 1行4列介质 2行2列小 2行2列 Xtra小 4行1列任何帮助,将不胜感激.谢谢解决方法试试这个.. div class="container" div class="row" div class="col-lg-3 col-sm-6"x/div div class="col-lg-3 col-sm-6"x/div div cl

我有一排4格栅.我如何像这样崩溃它.

大
1行4列

介质
2行2列

小
2行2列

Xtra小
4行1列

任何帮助,将不胜感激.谢谢

解决方法

试试这个..

<div class="container">
 <div class="row">
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
    <div class="col-lg-3 col-sm-6">x</div>
  </div>
</div>

在这种情况下,您只需要指定col-sm- *因为sm和md是相同的布局,并且网格将自动堆叠到最小设备(xs)上的单个col中.

演示：http://bootply.com/86156

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!