我是新手,我正在尝试创建一个折叠导航栏,我设法显示btn-navbar但是当我点击它时,没有任何反应.这是我的头码:
<script type="text/javascript" src="/resources/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/resources/bootstrap/bootstrap.min.js"></script>
这是我的导航栏代码:
<!-- por si el dispositivo que esta visualizando es de resolucion pequenya,se colapSara y lo que hay dentro del elemento nav-collapse collapse sera lo que se colapse --> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">QR Sensations</a> <div class="nav-collapse"> <ul class="nav"> <li class="divider-vertical"></li> <li><a href="http://www.qrsensations.com/" ><i class="icon-home icon-white"></i></a></li> <li class="divider-vertical"></li> <li class="active"> <a href="http://www.qrsensations.com/collections">Collections</a> </li> <li class="divider-vertical"></li> <li><a href="#">Access</a></li> <li class="divider-vertical"></li> </ul> <form class="form-search" > <div class="input-append"> <input type="text" class="span2 search-query"> <button type="submit" class="btn"><i class="icon-search icon-white"></i></button> </div> </form> </div> </div> </div>
知道发生了什么事吗?在此先感谢您的帮助
解决方法
适合我:
http://jsfiddle.net/xUTJt/
你还记得放吗?
<div class="navbar"> <div class="navbar-inner"> <div class="container">
最重要的是这个?它会在那之后起作用.如果没有,您可能无法正确引用Bootstrap JS / CSS.请检查控制台是否有任何错误.