Bootstrap 3 网格切换行

Question

我需要一些帮助来获得适合我正在尝试创建的网格的 html。应该有两种视图：一种用于桌面，另一种用于移动。桌面应如下所示：

|1|2|3|4|5|6|
|a|b|c|d|e|f|

将屏幕调整为小尺寸时，网格应如下所示：

|1|2|3|4|
|5|6|a|b|
|c|d|e|f|

有谁知道这是否可以通过引导程序来实现？我的桌面版本是正确的，但是当屏幕变小时，网格会调整为：

|1|2|3|4|
|5|6|
|a|b|c|d|
|e|f|

您可以查看JsFiddle here。

Answer 1

如果您将所有内容放在同一行，它应该可以工作。

<div class="container">
<div class="row">
<div class="col-lg-2 col-sm-3"> 1 </div>
<div class="col-lg-2 col-sm-3"> 2 </div>
<div class="col-lg-2 col-sm-3"> 3 </div>
<div class="col-lg-2 col-sm-3"> 4 </div>
<div class="col-lg-2 col-sm-3"> 5 </div>
<div class="col-lg-2 col-sm-3"> 6 </div>
<div class="col-lg-2 col-sm-3"> a </div>
<div class="col-lg-2 col-sm-3"> b </div>
<div class="col-lg-2 col-sm-3"> c </div>
<div class="col-lg-2 col-sm-3"> d </div>
<div class="col-lg-2 col-sm-3"> e </div>
<div class="col-lg-2 col-sm-3"> f </div>
</div>
</div>