Bootstrap nav height

Question

Я хочу реализовать навигацию с классом nav-pills на своем веб-сайте, но когда я использую приведенный ниже код, кнопки в навигации слишком большие. Я бы хотел изменить его высоту. Любое решение?

<div class="row"> 
     <div class="box"> 
      <div class="col-sm-12 text-center"> 
       <ul class="nav nav-pills"> 
        <li role="presentation" class="active"><a href="#">Rekonstrukce</a></li> 
        <li role="presentation"><a href="#">Zemní práce</a></li> 
        <li role="presentation"><a href="#">Rodinné domy</a></li> 
       </ul> 
      </div> 

      <div class="col-sm-4 text-center"> 
       <a href="#" class="thumbnail" data-toggle="modal" data-target="#lightbox"> 
        <img class="img-responsive" src="img/rekonstrukce/pic1.jpg" alt=""> 
       </a>     
      </div> 
      <div class="col-sm-4 text-center"> 
       <img class="img-responsive" src="http://placehold.it/750x450" alt=""> 
      </div> 
      <div class="col-sm-4 text-center"> 
       <img class="img-responsive" src="http://placehold.it/750x450" alt=""> 
      </div> 
      <div class="clearfix"></div> 
     </div> 
    </div> 

Answer 1

Добавить это в CSS:

.nav>li>a { 
    padding: 4px 6px !important; 
} 

(Adjust значения отступов в зависимости от размера вам нужно)