引導導航欄工作不正確

這裏是我的代碼引導導航欄工作不正確

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title></title> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    </head> 
    <body> 

    <div class="navbar navbar-inverse navbar-static-top" role="navigation"> 
     <div class="container"> 
      <a href="index.html" class="navbar-brand">Brand</a> 

      <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">|||</button> 

      <div class="collapse navbar-collapse navHeaderCollapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="index.html">Home</a></li> 
       </ul> 
      </div> 

     </div> 
    </div> 

    <h1>Hello, world!</h1> 


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"</script> 
    <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

基本上切換工作不正常

歸屬鏈路其次是最多的品牌，而不是它的下面像它應該

我試圖找到錯誤，但一直不成功

任何想法

來源

2014-09-03 Ben Gray

它正常工作對我來說：HTTP：//www.bootply .COM/4ZlUXF3Bko。你確定你擁有所有的資產嗎？ – Aibrean 2014-09-03 16:26:18

對我來說，它只是在品牌旁邊提供了家庭鏈接。 – 2014-09-03 16:36:35

爲你做了它下面 – 2014-09-03 16:38:22

嘗試用「navbar-header」類包裝品牌和按鈕元素的HTML。

這裏有一個演示：http://plnkr.co/edit/mGNYfCowMeMHi2qL7HO4

<body> 
<div class="navbar navbar-inverse navbar-static-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
    <a href="index.html" class="navbar-brand">Brand</a> 
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">|||</button> 
    </div> 
    <nav class="collapse navbar-collapse navHeaderCollapse" role="navigation"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li> 
      <a href="index.html">Home</a> 
     </li> 
     </ul> 
    </nav> 
    </div> 
</div> 
<h1>Hello, world!</h1> </body>

來源

2014-09-03 16:36:11 bags

堅果 - 我10秒太慢=） – Raad 2014-09-03 16:37:35

工作謝謝你，對不起我是14和n00b – 2014-09-03 16:49:26

我認爲你缺少一個navbar-header部分，所以這樣的事情應該更好地工作：

... 
<div class="navbar-header"> 
    <a href="index.html" class="navbar-brand">Brand</a> 
</div> 
...

您可能需要調整的東西，以防止未來節包裝到一個新的行，但否則切換應按預期工作。

來源

2014-09-03 16:36:21 Raad

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"</script>

jquery.min.js」

修復它

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

來源

2014-09-03 16:37:59 Dzi

如果你想有一個自上而下的菜單欄中，您應該使用「側邊欄導航」元素層次結構。

像這樣：

<div<div class="sidebar-nav"> 
      <div class="sidebar-brand">Brand</div> 
      <div >Home</div> 
</div>

來源

2014-09-03 16:54:02 vreddy

引導導航欄工作不正確

回答

相關問題