自舉引導欄上的自定義導航欄的移動響應3

我一直在尋找此修補程序一段時間了。我是y =使用Bootstrap 3的真棒響應'，一切都很好，直到我嘗試在移動設備上查看導航欄時崩潰。我遇到的問題是切換導航的按鈕似乎根本不起作用。我認爲它可能是與我的命令，但我只是不知道...自舉引導欄上的自定義導航欄的移動響應3

這是我的代碼--->

頭標記的東西----- - >

 <!-- Latest compiled and minified CSS --> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 

     <!-- Custom tstylesheet --> 
     <link href="css/custom.css" rel="stylesheet"> 

     <!-- Latest compiled and minified JavaScript --> 
     <script src="js/bootstrap.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">  </script>

--------- <

<div class="container nav-border"> 
    <nav class="navbar" role="navigation"> 
     <div class="navbar-header navbar-inverse"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navcol"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     </div> 
      <div class="collapse navbar-collapse nav-list" id="navcol"> 
       <ul class="collapse nav-list navbar-collapse row" id="navcol"> 
        <li class="col-lg-4 col-md-4 col-sm-4 active"><a href="index.html"> HOME</a></li> 
        <li class="col-lg-2 col-md-2 col-sm-2 "><a href="about.html"> ABOUT AETHER</a></li> 
        <li class="col-lg-2 col-md-2 col-sm-2 "><a href="spookfish.html"> SPOOKFISH</a></li> 
        <li class="col-lg-2 col-md-2 col-sm-2 "><a href="services.html"> SERVICES</a></li> 
        <li class="col-lg-2 col-md-2 col-sm-2 "><a href="representation.html"> REPRESENTATION</a></li> 
       </ul> 
      </div>  
    </nav> 
</div>

---------------- <

沒有太多的樣式表，目標除了這 ----------淨資產值>

.nav-border { 
    border-top:thin solid #000; 
    margin-top:50px; 
} 

.nav-list { 
    list-style:none; 
} 

.nav-list a:hover { 
    border-top: solid #000; 

} 

.nav-list a { 
    text-decoration:none; 
    color:#000; 
}

---------- <

來源

2014-10-29 Reeze Cornelius

它貌似錯在這裏有很多東西......

我不明白，你是jQuery的包括前bootstrap.js文件
您似乎包括boostrap.js文件兩次。 ..你只需要一個。
你在兩個元素navcol上有相同的id。 ID必須是唯一的。

而這只是一個開始......我建議花點時間再讀一遍documentation。

Here是我想你試圖做的一個演示...將它與你有的並且試圖瞭解它們之間的差異進行比較。

來源

2014-10-29 14:08:05 Schmalzy

我已經解決了這個問題。這是因爲使用了這兩個要素。我也清理了一些代碼。謝謝您的意見 – 2014-10-31 08:16:57

自舉引導欄上的自定義導航欄的移動響應3

回答

相關問題