Удалить строки строк в twitter bootstrap

Я использую twitter bootstrap для некоторого веб-приложения, которое я вынужден делать (я не веб-разработчик), и я не могу найти способ отключить строки строк для таблиц.

Как вы можете видеть из Документация по загрузке, стиль таблицы по умолчанию содержит строки строк.

Привет,

Ответ 1

Добавьте это в свой основной CSS:

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

Используйте это для новых версий бутстрапа:

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

Ответ 2

В Bootstrap 3 я добавил класс table-no-border

.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; 
}

Ответ 3

bootstrap.min.css более конкретна, чем ваша собственная таблица стилей, если вы просто используете .table td. Поэтому используйте это вместо:

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

Ответ 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; 
}

Пришлось взломать! важно, чтобы он застрял.

Ответ 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>

Ответ 6

Получил тот же вопрос от друга. Мое предложение, которое не требует !Important, выглядит следующим образом: я добавляю пользовательский класс "no-border", который можно добавить в таблицу начальной загрузки.

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

Вы можете увидеть мое решение в здесь