Bootstrap 下拉菜单

本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与下拉菜单（Dropdown） JavaScript 插件的互动来实现。

如需使用下列菜单，只需要在 class.dropdown内加上下拉菜单即可。下面的实例演示了基本的下拉菜单：

data-toggle="dropdown">
主题

• 
  Java
  


• 
  数据挖掘
  


• 
  
  数据通信/网络
  
  




• 
  分离的链接
  

        
  
  主题   
 
 Java 
 
 数据挖掘 
 
 数据通信/网络 
 
 
 分离的链接 
 
 
  

选项

对齐

通过向.dropdown-menu添加 class.pull-right来向右对齐下拉菜单。下面的实例演示了这点：

data-toggle="dropdown">主题

aria-labelledby="dropdownMenu1">

• 
  Java
  


• 
  数据挖掘
  


• 
  
  数据通信/网络
  
  




• 
  分离的链接
  

        
  
 主题   
 
 Java 
 
 数据挖掘 
 
 数据通信/网络 
 
 
 分离的链接 
 
 
  

标题

您可以使用 classdropdown-header向下拉菜单的标签区域添加标题。下面的实例演示了这点：

data-toggle="dropdown">
主题

• 下拉菜单标题


• 
  Java
  


• 
  数据挖掘
  


• 
  
  数据通信/网络
  
  




• 下拉菜单标题


• 
  分离的链接
  

        
  
  主题   
 
下拉菜单标题
 
 Java 
 
 数据挖掘 
 
  数据通信/网络  
 
 
下拉菜单标题
 
 分离的链接