Бутстрап уменьшает прокрутку строки

Я использую Bootstrap 3.x с определением таблицы, подобным этому

<table class="table table-hover table-condensed table-striped table-bordered">

Довольно стандартный материал

Я хочу уменьшить стандартное отступы по умолчанию на ячейках - хочу еще больше уменьшить наложение на ячейки. Я знаю, что сток-конденсированный уменьшает вертикальное заполнение на 50%. Я хочу уменьшить его до 1px.

Где я могу внести изменения? Я попытался пройти через bootstrap.min.css, но не могу найти что-либо, чтобы изменить там - ничего не понимаю

Большое спасибо заранее

С наилучшими пожеланиями

Ийер

Ответ 1

Это довольно легко, если вы знаете, как использовать инструмент инспектора вашего браузера (щелкните правой кнопкой мыши- > Проверить элемент). Если вы хотите изучить CSS, это будет очень важным инструментом.

Итак, найдите это свойство:

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 5px;
}

который имеет padding: 5px;, измените его на 1px.

Вот как он смотрит при изменении.