부트스트랩 중국어 매뉴얼 /Bootstrap 下拉菜单

Bootstrap 下拉菜单

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

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




Bootstrap 实例 - 下拉菜单(Dropdowns)









实例

    Bootstrap 实例 - 下拉菜单(Dropdowns)    
    

运行实例 »

点击 "运行实例" 按钮查看在线实例

选项

对齐

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




Bootstrap 实例 - 向右对齐下拉菜单









实例

    Bootstrap 实例 - 向右对齐下拉菜单    
    

运行实例 »

点击 "运行实例" 按钮查看在线实例

标题

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




Bootstrap 实例 - 下拉菜单标题









实例

    Bootstrap 实例 - 下拉菜单标题    
    

运行实例 »

点击 "运行实例" 按钮查看在线实例