navtbar의 btn-large 트위터 부트 스트랩

Question

navbar에 적당한 크기의 btn-large 버튼을 얻을 수 없습니다. navbarHeight & baseLineHeight을 변경하려고했으나 그다지 도움이되지 않았습니다. 단추가 탐색 모음 외부에서 사용 된 것보다 작습니다. 네비게이션 바 높이 (주변의 다른 구성 요소를 수용하기 위해) 표준이기 때문에, 의도적으로

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <a title="" class="btn btn-primary btn-large" href=""><i class="icon-plus-sign icon-white"></i>Add</a> 
       <ul class="nav pull-right"> 
       <li class="divider-vertical"> 
       <li><a href="">Val</a></span></li> 
       <li class="divider-vertical"> 
       <li><a href="">Val2</a></li> 
       <li class="divider-vertical"> 
       <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">val3<i class="icon-user"></i></a> 
        <ul class="dropdown-menu"> 
         <li><a href="">My account</a></li> 
         <li><a href="/accounts/logout/">Log out</a></li> 
        </ul> 
       </li> 
      </ul> 
      </div> 
     </div> 
</div> 

Answer 1

. 당신은 너무과 같이 표시 할 자신의 클래스를 생성하고 .btn-large의 패딩을 "강제"에 의해 그 한계를 덮어 쓸 수 있습니다 :

<a title="" class="btn btn-primary btn-large btn-large-navbar" href=""><i class="icon-plus-sign icon-white"></i>Add</a> 

:

.navbar .btn-large-navbar { 
    padding: 9px 14px; 
} 

그런 다음 당신은 당신의 큰 버튼에 새로운 클래스를 추가 할 수 있습니다

네비게이션 막대를 늘리면서 일부 요소가 어둡게 보일 수도 있습니다.

데모 : http://jsfiddle.net/gnEAe/