Question

我正在使用twitter bootstrap来做一些我不得不做的网络应用程序（我不是网络开发人员）而且我找不到禁用表行行的方法。

从Bootstrap documentation可以看出，默认表格样式包含行行。

此致

Answer 1

将此添加到主CSS：

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

将此用于较新版本的bootstrap：

.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

反过来说，如果你在向面板添加线条时遇到问题，请不要忘记将其添加到TABLE中。默认情况下（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>

Answer 6

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

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

你可以看到我的solution here

删除twitter bootstrap中的行行

6 个答案: