bootstrap源码分析----导航

 

bs格式

<ul class="nav nav-tabs">
      <li  ><a href="#">Home</a></li>
      <li class="active"><a href="#">Profile</a></li>
      <li><a href="#">Messages</a></li>
      <li><a href="#">Messages</a></li>
      <li><a href="#">Messages</a></li>
      <li><a href="#">Messages</a></li>
　   
 </ul>





css格式

a{text-decoration:none;}
        ul,ul li{margin:0;padding:0;list-style:none;}
        .nav:after{clear:both;display:table;content:"";}
        .nav-tabs{border-bottom:1px solid #ddd;}
        .nav-tabs > li{float:left;}
        .nav-tabs > li >a{margin-right:2px;line-height:20px;display:block;padding:10px 15px;}
        .nav-tabs > li.active >a{color:#555;cursor:default;background:#fff;border:1px solid #ddd;border-bottom-color:transparent;border-radius:4px 4px 0;margin-bottom:-1px;}