中心白手起家導航項目

Question

我添加一個新的類，UL，並嘗試與利潤率的風格是：0 auto和文本對齊：中心，但沒有工作..

<section class="navbar navbar-default"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="index.php">Home</a></li> 
       <li><a href="venue.php">Venue</a></li> 
       <li><a href="schedule.php">Schedule</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Artists <span class="caret"></span></a> 
         <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
          <li><a href="artists.php" tabindex="-1">All Artists</a></li> 
          <li class="divider"></li> 
          <li><a href="#" tabindex="-1">1st</a></li> 
          <li><a href="#" tabindex="-1">2nd</a></li> 
          <li><a href="#" tabindex="-1">3rd</a></li> 
         </ul> 
       </li> 
       <li><a href="Register.php">Register</a></li> 
      </ul> 
     </section> 

Answer 1

下面是與中央引導的導航項目的小提琴......

jsfiddle

你只需要添加以下CSS。

.navbar { 
     text-align:center; 
} 

Answer 2

像這樣

demo

CSS

.nav{ 
    background-color:red; 
    width:300px; 
    margin:0 auto; 
    text-align:center; 
} 
.nav ul { 
list-style-type:none; 

} 
.nav ul li{ 

}