我正在使用Twitter Bootstrap开始一个非常基本的网上商店。我开始使用它主要是为了一些简单的样式和诸如此类的东西，但是当我得到它时，我发现自己使用了更多的布局功能。
我很好奇的一件事：我记得被告知我通常不应该使用HTML表格进行页面布局。即可以将它们用于表格数据（其预期用途），但不能用于在页面上排列元素。
我的问题是：Bootstrap行和col类是用于页面布局还是专用于列表数据？它看起来与使用表非常相似，但似乎它们构建了Bootstrap，其中row / col用于响应式布局。它们为什么不同，如果它们是？
答案 0 :(得分：2)
Bootstraps行和列类很好。它们与使用表格（table，tr和td标记）不同于非表格数据布局。
布局表的问题是双重的
他们的刚性：你不能将<td>连续转换为像浮点数一样运行的结构（至少不只是CSS），所以你唯一的追索权更改布局将进入并重新排列标记结构，例如从单元格中删除单元格并将它们转换为div。这使得它们对响应式设计（这是你的关键口号）毫无用处。
他们的语义：表应该说“嘿，我是一个有序数据的数组”，所以对于阅读HTML代码的人来说，通过将它们用于页面来混淆水域布局。它（理论上）也是搜索引擎优化的一个问题。
这两点都不适用于bootstrap row和col-类，也不适用于display:table（等）
答案 1 :(得分：0)
是的，您可以使用Bootstrap的CSS帮助程序类“row”和“col”。他们访问Bootstrap网格。不要将此与使用HTML标签“table”，“td”，“tr”等混淆以显示内容，这些只应用于表格数据。
答案 2 :(得分：0)
你已经充分利用了它！
你应该使用bootstrap类（row，col-）而不是表结构的原因：
1）这些类允许你有一个响应式布局[如果你看到代码，你会发现所有在％中定义的内容，所以它可以帮助你获得流畅的布局]
2）此外，如果你想让身体内容具有一个居中的布局[比如说左侧和右侧都有10％的装订空间]，那么用桌面做这个是一个相当繁琐的过程。如果使用bootstrap，则可以使用偏移类
来完成此操作3）它们可以很容易地从流体切换到静态，反之亦然。