Bootstrap导航栏

bootstrap创建导航栏

第一步新建<nav>标签,带上class navbar和navbar-default。role=navigation增加可访问性。

第二步新建一个<div> class为container-fluid（这样避免有间距）

第三步新建两个div（两者为平级）{

   第一个div class为navbar-header 为导航栏的标题 

          <a herf="#" class=navbar-brand>CSDN创作中心</a>/*navbar-brand可以放大字体并且有一定的css样式*/

   第二个div 放置ul标签 为导航栏的其他元素 ul带class .nav和.navbar-nav

      <ul>

         <li><a href="#>JAVA</a></li>

         <li><a href="#>JS</a></li>

         <li class="dropdown">

              <a href="#" class="dropdown-taggle" data-toggle="dropdown">

                   JAVA

                   <span class="caret'></span>

              </a>

               <ul  class="dropdown-menu">

                     <li><a href="#">LINK</li>

                     <li class="divder"></li>

              </ul>

        </li>

     </ul>

}