如何使用twitter-bootstrap处理表？

Question

我正在尝试使用twitter-bootstrap找到自己的方式，通过自己阅读网络和测试代码。

为了获得适合移动设备的显示屏。是否可以在计算机显示器上以6个项目的行显示数据，在移动设备上以3个项目的行显示数据？ （有点像可调节的桌子）

Answer 1

是的，这是可能的。您可以为每种屏幕尺寸使用不同的列大小。

<div class="row">
    <div class="col-xs-4 col-sm-2"> 1 </div>
    <div class="col-xs-4 col-sm-2"> 2 </div>
    <div class="col-xs-4 col-sm-2"> 3 </div>
    <div class="col-xs-4 col-sm-2"> 4 </div>
    <div class="col-xs-4 col-sm-2"> 5 </div>
    <div class="col-xs-4 col-sm-2"> 6 </div>
</div>

这样可以在移动设备上提供3列，在平板电脑上提供6列。

了解更多信息：http://getbootstrap.com/examples/grid/