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

Question

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

Как видно из документации 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

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

.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

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

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

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

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>