html - Bootstrap 中的 HR 标签问题

Question

我正在做的是使用 hr 作为单独的表格单元格来拆分内容。

它应该是这样的(没有 hr 单元格)， JSFiddle Correct (仅以一节为例)

但是，当我添加我的 hr 分隔单元时，它破坏了一切。 <强> JSFiddle Incorrect

所以大局是这样的..

<table>

<tr>
   //th's with content
</tr>

<tr><th class="col-xs-12"><hr class="square" /></th></tr>

<tr>
   //th's with content
</tr>

<tr><th class="col-xs-12"><hr class="square" /></th></tr>

</table>

只是需要一些帮助来正确设置 hr 单元格的样式/CSS。

Answer 1

这是你想要的吗？ http://jsfiddle.net/4Akrp/5/

我刚刚添加了 colspan="3"

<table>

<tr>
   //th's with content
</tr>

<tr><th class="col-xs-12" colspan="3"><hr class="square" /></th></tr>

<tr>
   //th's with content
</tr>

<tr><th class="col-xs-12" colspan="3"><hr class="square" /></th></tr>

</table>