需要引用文件

普通版下拉菜单

     
  
          Dropdown        
      
    
       
Action
    
       
Another action
    
       
Something else here
    
       
    
       
Separated link
  
      
     

     
    
      下拉菜单      
                     
      
      
             
       
第一部分菜单头部
      
       
下拉菜单项
      
             
       
      
       
菜单选中状态
      
       
选中状态
      
       
      
       
菜单禁用状态
      
       
禁用状态
    
      
     

1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为:

2、使用了一个<button>按钮做为父菜单，并且定义类名“.dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为:

data-toggle="dropdown"

 

对齐方式

　　Bootstrap框架中下拉菜单默认是左对齐。

　　如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“.dropdown-menu-right”类名。

 

向上弹出菜单

给父元素添加 .dropup 类就能使触发的下拉菜单朝上方打开。

     
  
          Dropdown        
      
    
       
Action
    
       
Another action
    
       
Something else here
    
       
    
       
Separated link