twitter-bootstrap – Bootstrap折叠菜单无效

发布时间：2020-12-17 21:23:43 所属栏目：安全来源：网络整理

导读：我是新手,我正在尝试创建一个折叠导航栏,我设法显示btn-navbar但是当我点击它时,没有任何反应.这是我的头码： ???? ???? ???? ???? script type="text/javascript" src="/resources/jquery-1.8.3.min.js"/scriptscript type="text/javascript" src="/resourc

我是新手,我正在尝试创建一个折叠导航栏,我设法显示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.请检查控制台是否有任何错误.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!