Bootstrap導航欄不崩潰

我開始使用Bootstrap及其導航欄。Bootstrap導航欄不崩潰

我試圖讓它的響應菜單正常工作，但它不能按預期工作。小窗口中的菜單會加載展開，菜單切換不起作用。我已經加載了所有必要的依賴關係，但仍有一些不完全正確。

HTML：

 <!-- Static navbar --> 
      <div class="navbar navbar-inverse navbar-static-top" role="navigation"> 
      <div class="container"> 
       <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="#">Project name</a> 
       </div> 
       <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="../navbar/">Default</a></li> 
        <li class="active"><a href="./">Static top</a></li> 
        <li><a href="../navbar-fixed-top/">Fixed top</a></li> 
       </ul> 
       </div><!--/.nav-collapse --> 
      </div>

來源

2014-09-24 Imran

你的代碼工作正常http://www.bootply.com/KPa5Y4MFal – 2014-09-25 04:49:26

YPU是在導航欄失蹤崩潰類

此列表：

：

  <ul class="nav navbar-nav navbar-right"> 
       <li><a href="../navbar/">Default</a></li> 
       <li class="active"><a href="./">Static top</a></li> 
       <li><a href="../navbar-fixed-top/">Fixed top</a></li> 
      </ul>

需要在包裹

 <div class="navbar-collapse collapse">

另外你提供的小提琴有不正確的JS和CSS包括。看看這個例子在這裏： http://jsfiddle.net/rbd8758f/

來源

2014-09-24 22:25:32 dbrin

即使在該行代碼中包裝它仍然是相同的。檢查http://jsfiddle.net/b2bv9noe/2/ – Imran 2014-09-24 22:43:29

我正在調查它，其他東西是搞砸了，我發現從http://bootsnipp.com/複製的例子幫助了一噸，然後進入並修改位一點點你需要的 – dbrin 2014-09-24 22:47:43

它的奇怪，因爲我剛剛複製並粘貼HTML代碼從一個引導示例頁 – Imran 2014-09-24 22:48:18

你把元標記在你的頭，這對我有效。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">.

來源

2015-08-08 11:30:13

Bootstrap導航欄不崩潰

回答

相關問題