it-roy-ru.com

Удалить строки строк в загрузчике Twitter

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

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

С Уважением,

71
w00t

Добавьте это к своему основному CSS:

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

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

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

В 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; 
}
51
dex412

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

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

Это то, что сработало для меня ..

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

Пришлось вытащить! Важно сделать так, чтобы оно прилипало.

2
honkskillet

С другой стороны, если у вас есть проблемы с добавлением строк на панель, не забудьте добавить в таблицу 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>
0
Juan Castellon

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

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

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

0
Netsi1964