Bootstrap网格系统和表格元素

时间:2016-07-21 18:37:20

标签: twitter-bootstrap-3 html-table navbar grid-system

是否更换了需要表格的bootstrap网格系统?我的意思是我可以用以下表格分成3行:

<table>
<tr>
<th></th>
<th></th>
<th></th>
</tr>

也可以使用网格:

 <div class="row">
 <div class="col-sm-4">.col-sm-4</div>
 <div class="col-sm-4">.col-sm-4</div>
 <div class="col-sm-4">.col-sm-4</div>
 </div>

看起来我可以使用网格和表格反之亦然。因此,如果我必须在某个特定位置的导航栏中放置一些东西,我应该使用哪种方法?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

两者完全不相同 - Bootstrap使用grid system进行布局,使用tables进行表格数据。

一般来说,这被认为是一种很好的做法。表很难做出响应(改变移动和平板电脑视图的布局),但它们非常适合显示类似于Microsoft Excel显示数据的方式的数据。

我建议阅读上面链接的Bootstrap文档,它们解释了何时使用它们。