引導導航欄的Ruby on鐵路，圖像和文本鏈接

Question

完全陌生的Ruby on Rails的，但我無法找到答案，可能是因爲我使用了錯誤的關鍵字，但無論如何：

我想設置一個導航欄，如果我實現一個徽標36px高，按鈕/文本鏈接留在頁面的頂部，並且該容器不拉伸。

我用下面的標題：

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 

      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </a> 

      <a class="brand" href="/"> <img src="assets/appiclife.png"></a> 


       <div class="nav-collapse"> 
        <ul class="nav"> 

         <li> 
          <%= link_to 'Home', root_path %> 
         </li> 
         <li>  
          <%= link_to 'About', about_path %> 
         </li> 
        </ul> 
        <ul class="nav pull-right"> 
           <li><%= link_to 'Login', '#' %></li> 
        </ul> 
       </div> 
     </div> 
    </div> 
</div> 

它看起來像這樣：

我如何中心的鏈接和舒展他們所在的容器？

Answer 1

我想通了，我需要把它添加到pages.css：

.navbar .nav > li > a { 
     padding:15px 10px 15px 
    }