开发手册 欢迎您!
软件开发者资料库

Bootstrap - 下拉菜单

Bootstrap Dropdowns - 从概述,环境设置,基本结构,全局样式,网格系统,流体网格系统,布局,响应式设计,排版,表格,按钮,图像,图标,下拉列表,按钮组开始,简单易学地学习Bootstrap ,导航元素,导航栏,面包屑,分页,标签,徽章,版式,缩略图,警报,进度栏,媒体对象,Javascript插件像过渡,模态,下拉列表,Scrollspy,选项卡,工具提示,弹出,警报,按钮,折叠,旋转木马,Typeahead,Affix,Glyphicons,Jumbotron,Demos。

本章将重点介绍Bootstrap下拉菜单.下拉菜单是可切换的上下文菜单,用于以列表格式显示链接.这可以通过下拉JavaScript插件进行交互.

要使用下拉列表,只需换行类 .dropdown 中的下拉菜单.以下示例演示了一个基本的下拉菜单 :

            Topics                              Java                           Data Mining                                       Data Communication/Networking                                                Separated link            

Options

Alignment

通过将.pull-right类添加到.dropdown-menu,将下拉菜单右对齐。 以下示例演示了这一点:

            Topics                              Java                           Data Mining                                       Data Communication/Networking                                                Separated link            

标题

您可以使用类 dropdown-header .以下示例演示了此 :

            Topics                     Dropdown header                     Java                           Data Mining                                       Data Communication/Networking                                 Dropdown header                     Separated link