Центрирование навигационной панели в bootstrap

Question

У меня возникла проблема с Bootstrap, где я не могу сосредоточить свой навигатор на странице. Навигатор остается вне центра, поэтому мой CSS неверен. Кто-нибудь сталкивался с аналогичной проблемой с центрированием навигатора с помощью Bootstrap.

Вот HTML:

<div class="container-fluid" id="main-section"> 
    <div class="jumbotron" class="col-md-8 col-md-offset-2"> 
     <div class="row"> 
     <div > 
      <h1 id="name-lead">Title</h1> 
      <p class="lead"> 
      Info 
      </p> 
     </div> 
     </div> 
     <div> 
     <ul class="nav navbar-nav"> 
      <li><a href="#">home</a></li> 
      <li><a href="#">link2</a></li> 
      <li><a href="#">link3</a></li> 
      <li><a href="#">link4</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 

вот CSS:

.jumbotron { 
    background: none; 
    text-align: center; 
    margin-top: 75px; 
    margin-bottom: 75px; 
} 

.jumbotron .nav ul { 
    display: inline-block; 
} 

.jumbotron .nav ul li { 
    display: inline; 
} 

Answer 1

Просто добавьте в ваш CSS

.navbar-nav { 
    float: none; 
    display: inline-block; 
} 

Пример here