Изменение высоты навигационных таблеток Bootstrap

Question

This topic довольно близко к тому, что я ищу, но все же не помогло развить цель через несколько часов. Я просто пытаюсь немного уменьшить высоту загрузочных таблеток начальной загрузки, отредактировав исходный файл Bootstrap.css.

JSFiddle

Я удалил оригинальную ссылку на файл из внешних ресурсов и поместил необработанный код в разделе CSS, так что можно экспериментировать

<ul class="nav nav-pills" id="task_management_tab"> 
    <li class="active"><a data-toggle="pill" href="#tasks_private">A</a></li> 
    <li><a data-toggle="pill" href="">B</a></li> 
    <li><a data-toggle="pill" href="">C</a></li> 
    <li><a data-toggle="pill" href="">D</a></li> 
</ul> 

Answer 1

Для нав пилюли, уменьшите прокладку следующим образом:

.nav>li>a { 
    padding-top: 5px; 
    padding-bottom: 5px; 
} 

По умолчанию 10px

Я бы предпочел не вносить изменения в собственно bootstrap css, хотя это повлияет на ряд других вещей. Направляйте свои навигационные таблетки своим собственным специальным классом.