Bootstrap内置组件讲述.docx

下拉菜单 例子 可切换的链接列表. 互动式的下拉菜单需要 HYPERLINK /javascript.html \l dropdowns dropdown JavaScript 插件.  HYPERLINK /components.html 行为  HYPERLINK /components.html 其它行为  HYPERLINK /components.html 特别行为  HYPERLINK /components.html 分割链接 ul class=dropdown-menu role=menu aria-labelledby=dropdownMenu lia tabindex=-1 href=#行为/a/li lia tabindex=-1 href=#其它行为/a/li lia tabindex=-1 href=#特别行为/a/li li class=divider/li lia tabindex=-1 href=#分割链接/a/li /ul 用法 以下是下拉菜单所需的HTML. 下拉菜单的触发和下拉菜单都需要包含在.dropdown里, 或者声明?position: relative;; 其他元素. 然后, 只需创建菜单. div class=dropdown !-- Link or button to toggle dropdown -- ul class=dropdown-menu role=menu aria-labelledby=dLabel lia tabindex=-1 href=#行为/a/li lia tabindex=-1 href=#其它行为/a/li lia tabindex=-1 href=#特别行为/a/li li class=divider/li lia tabindex=-1 href=#分割链接/a/li /ul /div 选项 列表右对齐, 和包括一个多级的下拉菜单. 对齐 在?.dropdown-menu?添加?.pull-right?, 让下拉列表右对齐. ul class=dropdown-menu pull-right role=menu aria-labelledby=dLabel ... /ul 禁用菜单选项 在下拉菜单li添加.disabled来禁用链接.  HYPERLINK /components.html 注册  HYPERLINK /components.html 修改  HYPERLINK /components.html 退出 ul class=dropdown-menu role=menu aria-labelledby=dropdownMenu lia tabindex=-1 href=#注册/a/li li class=disableda tabindex=-1 href=#修改/a/li lia tabindex=-1 href=#退出/a/li /ul 下拉菜单的子列表 添加一些简单的标记, 让下拉菜单拥有一个二级菜单, 停选效果类似OS X. 在任意的 li 添加?.dropdown-submenu?就会自动获得一个额外的菜单. 默认  HYPERLINK /components.html 行为  HYPERLINK /components.html 其它行为  HYPERLINK /components.html 特别行为  HYPERLINK /components.html 更多选项 向上显示  HYPERLINK /components.html 行为  HYPERLINK /components.html 其它行为  HYPERLINK /components.html 特别行为  HYPERLINK /components.html 更多选项 左边显示  HYPERLINK /components.html 行为  HYPERLINK /components.html 其它行为  HYPERLINK /components.html 特别行为  HYPERLINK /components.html 更多选项 ul class=dropdown-menu role=menu aria-labelledby=dLabel ... li class=dropdown-submenu a tabindex=-1 href=#More options/a ul class=dropdown-menu