自举引导栏上的自定义导航栏的移动响应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

回答

相关问题