Bootstrap导航栏(响应式导航栏)

<nav role="navigation">
  <div>
    <div>
      <button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span>Toggle navigation</span>
        <span></span>
        <span></span>
        <span></span>
      </button>
      <a href="#">现代浏览器博物馆</a>
    </div>

    <div>
      <ul>
        <li>
          <a href="#">综述</a>
        </li>
        <li>
          <a href="#">简述</a>
        </li>
        <li>
          <a href="#" data-toggle="dropdown">
            特点
            <span></span>
          </a>
          <ul role="menu">
            <li><a href="#">Chrom</a></li>
            <li><a href="#">Firefox</a></li>
            <li><a href="#">Opera</a></li>
            <li><a href="#">Safari</a></li>
            <li><a href="#">IE</a></li>
          </ul>
        </li>
        <li>
          <a href="#">关于</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxwyy.html