引導3.0中的Navbar問題

我想創建一個可摺疊的浮動導航欄到頁面右側的Jumbotron。我正在使用Bootstrap 3.0。引導3.0中的Navbar問題

我的導航欄崩潰，但導航欄摺疊時站點名稱消失。此外，導航欄固定在我的屏幕頂部，而不是在右側。我究竟做錯了什麼？謝謝您的幫助。

<section> 
<div class="navbar"> 
    <nav class="navbar navbar-inverse" role="navigation"> 
     <a class="navbar-brand" href="index.html">DD Portfolio</a> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
    </nav> 
</section> 


     <div class="jumbotron"> 
     <div class="container"> 
      <h1>Who Am I?</h1> 
       <p>I am a student and content writer</p> 
      <p><a href="#" class="btn btn-primary btn-large">Learn More</a></p> 
     </div> 
     </div> 
</div>

來源

2013-10-02 user37850

你需要分享css – irm

你有一個不在場的DIV標籤那裏。此外，您錯過了BS3響應式菜單的幾個DIV和課程。我已經把它放到了JSFiddle中，以幫助你回到正軌：http://jsfiddle.net/BGDWb/1/ – PhilNicholas

代碼中的站點名稱在哪裏？ – ZimSystem

您應該將網站名稱添加到導航欄標題，並且您還錯過了div結束標記。這裏是完整的代碼：

<section> 
    <div class="navbar"> 
     <nav class="navbar navbar-inverse" role="navigation"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="index.html">DD Portfolio</a> 
      </div> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Portfolio</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </nav> 
    </div> 
</section> 


<div class="jumbotron"> 
    <div class="container"> 
     <h1>Who Am I?</h1> 
     <p>I am a student and content writer</p> 
     <p><a href="#" class="btn btn-primary btn-large">Learn More</a></p> 
    </div> 
</div>

來源

2013-11-11 13:38:49 Blagoja

引導3.0中的Navbar問題

回答

相關問題