Twitter bootstrap 如何使用Bootstrap3网格系统和表组件?

Twitter bootstrap 如何使用Bootstrap3网格系统和表组件?,twitter-bootstrap,responsive-design,twitter-bootstrap-3,grid-system,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 3,Grid System,我已经开始使用Bootstrap 3迁移到网格系统,但是文档中的示例都使用DIVs: 我编写了一段冗余代码,将DIV类与表标记/类混合在一起: 问题是,布局使边界加倍,我认为这应该是一种更好的方式。有什么建议吗 Fiddle中的示例代码: 字段1: 值1 字段2: 价值2 字段3: 价值3 提前感谢。从元素中删除行类。该类使非表行元素看起来像表行,并添加了一些打破标准的样式。您仍然可以像正常情况一样使用“col”类: 字段1: 值1 字段2: 价值2 字段3: 价值3 它似乎不会使边

我已经开始使用Bootstrap 3迁移到网格系统,但是文档中的示例都使用DIVs:

我编写了一段冗余代码,将DIV类与表标记/类混合在一起:

问题是,布局使边界加倍,我认为这应该是一种更好的方式。有什么建议吗

Fiddle中的示例代码:


字段1:
值1
字段2:
价值2
字段3:
价值3

提前感谢。

元素中删除
类。该类使非表行元素看起来像表行,并添加了一些打破标准的样式。您仍然可以像正常情况一样使用“col”类:


字段1:
值1
字段2:
价值2
字段3:
价值3

它似乎不会使边框加倍。所以在包装表的div中不需要类或“行”吗?或者本质上,table类完成了与row类在div上使用时相同的任务?谢谢@SSorAllen设置百分比宽度,默认情况下适用于
元素。您根本不需要使用
类。注意:最好在
中设置宽度类,而不是单个单元格。单元格中的任何表单控件(输入等)都需要应用表单控件类。