Twitter导航btn大导航栏

Question

我不能在我的导航栏中得到一个适当大小的btn大按钮。 试图更改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的填充覆盖该限制显示，像这样：

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

然后你就可以将新类添加到您的大按钮：

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

请记住，既然你正在拉伸navbar一些元素可能看起来不合适。

演示：http://jsfiddle.net/gnEAe/