Center Bootstrap Navbar保留樣式

Question

如何在保持背景漸變的同時將導航欄居中放置在this page上？ I've seen some tricks其中li設置爲顯示inline,a以顯示inline-block和ul以將文本排列在中心，但這些要求我將float:none添加到代碼中，該代碼打破了我的背景漸變。有人可以擺脫一些光線嗎？

Answer 1

在標記中添加兩個類（使用可選名稱，只是爲了覆蓋CSS）。我們稱之爲.nav-container和.menu-nav。

 <div class="navbar-inner"> 
     <div class="container nav-container"> 
      <ul class="nav menu-nav"> 
      <li><a href="#services">Services</a></li> 
      <li><a href="#portfolio">Portfolio</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li><a href="#about">About</a></li> 
      </ul> 
     </div> 
     </div> 

，然後加入CSS

.nav-container { 
    text-align: center; 
} 

.menu-nav { 
    float: none; 
} 

我已經改變了，在我的Chrome檢查和背景漸變看起來像以前一樣說。