부트 스트랩 축약 된 나비

Question

부트 스트랩에 nav-condensed 옵션 (또는 해결 방법)이 있는지 아는 사람 있습니까? 테이블 응축 클래스가 있지만 누적 된 탐색 표시 줄에 더 많은 데이터를 넣고 싶습니다. 아래 코드와 같은 것이 좋습니다. 감사!

    <ul class="nav nav-tabs nav-stacked nav-condensed"> 
         <li> 
          <a id="popupName"></a> 
         </li> 
         <li> 
          <a id="popupAge"></a> 
         </li> 
         <li> 
          <a id="popupActivity"></a> 
         </li> 
        </ul> 

Answer 1

당신은 .nav-tabs > li > a 선택의 padding-top 및 padding-bottom 규칙을 번복하기 위해 CSS에 새 선택기를 만들 수 있습니다. bootstrap.css 줄 4068 (부트 스트랩 문서 사이트에 사용 된 CSS 파일 참조)을 참조하십시오.

.nav-tabs.nav-stacked.nav-condensed > li > a { 
    padding-top: 4px; 
    padding-bottom: 4px; 
} 
/*original padding value 8px*/