响应式菜单(bootstrap)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式菜单(bootstrap)相关的知识,希望对你有一定的参考价值。

<nav class="navbar navbar-default" role="navigation">
   <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse">
         <span class="sr-only">切换导航</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">W3Cschool</a>
   </div>
   <div class="collapse navbar-collapse" id="example-navbar-collapse">
      <ul class="nav navbar-nav">
         <li class="active"><a href="#">ios</a></li>
         <li><a href="#">SVN</a></li>
         <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               Java <b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
               <li><a href="#">jmeter</a></li>
               <li><a href="#">EJB</a></li>
               <li><a href="#">Jasper Report</a></li>
               <li class="divider"></li>
               <li><a href="#">分离的链接</a></li>
               <li class="divider"></li>
               <li><a href="#">另一个分离的链接</a></li>
            </ul>
         </li>
      </ul>
   </div>
</nav>

 

以上是关于响应式菜单(bootstrap)的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 4 灵活的响应式导航栏菜单

Bootstrap 4 使用切换按钮连接侧面菜单(响应式)

Bootstrap 响应式菜单切换器的问题

响应式菜单(bootstrap)

Bootstrap 3.0 响应式菜单栏切换问题..当增加菜单栏中的内容时

带有 jQ​​uery 和 Bootstrap 3 的可折叠响应式侧边栏菜单