问答详情
源自:6-7 响应式导航条

这是在这里复制的响应时导航条,但是在这里是有滑出效果的,到本地就没有了,请问怎么回事?

<div class="navbar navbar-default" role="navigation">

  <div class="navbar-header">

      <!-- .navbar-toggle样式用于toggle收缩的内容,即nav-collapse collapse样式所在元素 -->

       <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">

         <span class="sr-only">Toggle Navigation</span>

         <span class="icon-bar"></span>

         <span class="icon-bar"></span>

         <span class="icon-bar"></span>

       </button>

       <!-- 确保无论是宽屏还是窄屏,navbar-brand都显示 -->

       <a href="##" class="navbar-brand">慕课网</a>

  </div>

  <!-- 屏幕宽度小于768px时,div.navbar-responsive-collapse容器里的内容都会隐藏,显示icon-bar图标,当点击icon-bar图标时,再展开。屏幕大于768px时,默认显示。 -->

  <div class="collapse navbar-collapse navbar-responsive-collapse">

    <ul class="nav navbar-nav">

      <li class="active"><a href="##">网站首页</a></li>

      <li><a href="##">系列教程</a></li>

      <li><a href="##">名师介绍</a></li>

      <li><a href="##">成功案例</a></li>

      <li><a href="##">关于我们</a></li>

</ul>

  </div>

</div>


提问者:Longingforthesun 2016-07-29 17:19

个回答

  • 梦醒过后
    2016-07-29 17:58:04
    已采纳

    你看下是否是bootstrap.min.js的问题,我之前也遇到过这个问题(重新下载了bootstrap.min.js)就解决了,希望能帮到你

  • Longingforthesun
    2016-07-29 20:56:53

    嗯,我去看一下