Bootstrap Navbar рубин на железнодорожном, изображение и текст ссылка

Question

Полностью нового Ruby On Rails, но я не мог найти ответ, вероятно, потому, что я использую неправильные ключевые слова, но все равно:

Пытаюсь для настройки навигационной панели, если я реализую логотип высотой 36 пикселей, кнопки/текстовые ссылки остаются на верхней части страницы и этот контейнер не растягивается.

Я использовал следующий заголовок:

<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 
    }