我需要一些帮助，以使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 。
如果将所有内容放在同一行中，它应该可以工作。
<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>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句