Центрирование нижнего колонтитула навигационных связей по горизонтали

Question

По какой-то причине я не могу сосредоточить нижние колонтитулы горизонтально. Я хочу, чтобы мои ссылки были центрированы, а затем раздел «Все права защищены» под этим центром. Я могу центрировать «Все права защищены», применяя к нему центр, но он не влияет на элементы списка. Любая идея, что я теряю или делаю неправильно?

Вот мой нижний колонтитул от моего приложения Ruby on Rails, я использую Bootstrap 3.0 для стилизации.

<nav class="navbar"> 
    <div class="container center"> 
     <ul class="nav"> 
      <li class="navbar-text"><%= link_to "About", about_path %></li> 
      <li class="navbar-text"><%= link_to "FAQs", faq_path %></li> 
      <li class="navbar-text"><%= link_to "Contact Us", contact_path %></li> 
      <li class="navbar-text"><%= link_to "Terms of Use & Privacy Policy", privacy_path %></li> 
     </ul> 
    </div> 

    <div class="container center"> 
     <p>Company 2013. All Rights Reserved.</p> 
    </div> 
</nav> 

.center просто:

.center { 
    text-align: center; 
} 

Я пытался применять методы, используемые в этом вопросе: Center a column using Twitter Bootstrap 3 без какой-либо удачи в этой ситуации (хотя это на самом деле помог мне решить другую проблему, у меня был)

Answer 1

Просто добавьте ниже CSS

.navbar ul li{ 
    display:inline-block; 
} 

Как Захари сказал, что вы можете добавить margin: 0 auto;, чтобы сделать ваш уль элемент центрируется на странице/родительского элемента

Answer 2

Предполагая, что элементы Li установлены на встроенный блок и уже перечислены горизонтально, попробуйте центрирование вашего уль тега со следующим CSS:

margin: 0 auto;