删除twitter引导行中的行

我正在使用twitter引导一些Web应用程序，我不得不这样做（我不是一个Web开发人员），我找不到一种方法来禁用行的表。

从Bootstrap文档可以看到，默认的表格样式包含行行。

问候，

Answer 1

将此添加到您的主CSS：

table td { border-top: none !important; } 

使用这个更新的引导版本：

 .table th, .table td { border-top: none !important; } 

Answer 2

在Bootstrap 3中，我添加了一个无表格类

 .table-no-border>thead>tr>th, .table-no-border>tbody>tr>th, .table-no-border>tfoot>tr>th, .table-no-border>thead>tr>td, .table-no-border>tbody>tr>td, .table-no-border>tfoot>tr>td { border-top: none; } 

Answer 3

如果你只是使用.table td，bootstrap.min.css比你自己的样式表更具体。 所以用这个代替：

 .table>tbody>tr>th, .table>tbody>tr>td { border-top: none; } 

Answer 4

这是我的工作..

 .table-no-border>thead>tr>th, .table-no-border>tbody>tr>th, .table-no-border>tfoot>tr>th, .table-no-border>thead>tr>td, .table-no-border>tbody>tr>td, .table-no-border>tfoot>tr>td, .table-no-border>tbody, .table-no-border>thead, .table-no-border>tfoot{ border-top: none !important; border-bottom: none !important; } 

必须鞭打！重要的是使它坚持。

Answer 5

从朋友那里得到了同样的问题。 我的build议，不需要!Important是这样的：我添加一个自定义类“ no-border ”，可以添加到引导表。

 .table.no-border tr td, .table.no-border tr th { border-width: 0; } 

你可以在这里看到我的解决scheme

Answer 6

反过来，如果你有问题添加行到你的面板不要忘记添加到您的表。 默认情况下（ http://getbootstrap.com/components/#panels ），这是假设添加行，但它帮助我添加标签，现在行行被显示。

下面的例子“可能”不会显示行之间的行：

 <div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-heading">Panel heading</div> <!-- Table --> <table class="table"> <tr><td> Hi 1! </td></tr> <tr><td> Hi 2! </td></tr> </table> </div> 

以下示例将显示行之间的行：

 <div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-heading">Panel heading</div> <!-- Table --> <table class="table"> <thead></thead> <tr><td> Hi 1! </td></tr> <tr><td> Hi 2! </td></tr> </table> </div>