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

求响应式导航条

什么啊!  根本不能实现下拉菜单的功能啊 屏幕缩小之后点那个按钮不好用啊

提问者:qq_RaymondLam_03165843 2016-04-13 10:26

个回答

  • woshi123w
    2016-06-06 11:40:17

    js文件你应该没有引入

  • Erena3374437
    2016-05-17 15:43:50

    我运行的时候是可以的,你是不是什么东西没引用进来啊

  • 思椋
    2016-04-13 12:12:45

    <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>