bootstrap学习： 基本组件以及布局；

1、下拉菜单；

<div class="btn-group">
　　 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">默认<span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu">
    	<li><a href="#">nihao</a></li>
        <li><a href="#">nihao</a></li>
        <li class="divider"><a href="#">nihao</a></li>　　　　　　　　　　　　　　//divider 分割符；
        <li><a href="#">nihao</a></li>
    </ul>
</div>

2、导航栏；

nav-tab 切换        nav-pills 胶囊式；

<ul class="nav nav-pills">              //nav-pills 胶囊式    nav-tabs tab式；
    <li class="active"><a href="#">file</a></li>
    <li><a href="#">view</a></li>
    <li><a href="#">help</a></li>
</ul>        

   堆栈式导航；

<ul class="nav nav-stacked">
    <li><a href="#">file</a></li>
    <li><a href="#">view</a></li>
    <li><a href="#">help</a></li>
</ul>

　　

　注： 该博客为扩展型；