有了bootstrap作导航不再麻烦，几个样式，几个标签就能轻松搞定。

下面就来分解学习导航条的制作。

一、首先是下拉菜单

      
  
       
            账号管理    
          
       
  
       
      
        
修改密码
      
        
查询账户
      
        
登出
  
       
 
      

 效果图

1）下拉菜单分割线。

代码：

效果图

 2）下拉菜单标题。

代码：

 

效果图

3）下拉菜单状态（选中，禁用）。

选中(激活)：class="active"

禁用        ：class="divider"

效果图

4）菜单向上，向下弹出

向上弹出（关键代码如下图）

 效果图

5）向下弹出

向下弹出（关键代码如下图）

效果图

 

二、按钮 

效果图

常用工具栏按钮

 效果图