Bootstrap内置组件.docx

下拉菜单例子可切换的链接列表. 互动式的下拉菜单需要dropdown JavaScript 插件.行为其它行为特别行为分割链接ulclass=dropdown-menurole=menuaria-labelledby=dropdownMenuliatabindex=-1href=#行为/a/liliatabindex=-1href=#其它行为/a/liliatabindex=-1href=#特别行为/a/liliclass=divider/liliatabindex=-1href=#分割链接/a/li/ul用法以下是下拉菜单所需的HTML. 下拉菜单的触发和下拉菜单都需要包含在.dropdown里, 或者声明?position: relative;; 其他元素. 然后, 只需创建菜单.divclass=dropdown!-- Link or button to toggle dropdown --ulclass=dropdown-menurole=menuaria-labelledby=dLabelliatabindex=-1href=#行为/a/liliatabindex=-1href=#其它行为/a/liliatabindex=-1href=#特别行为/a/liliclass=divider/liliatabindex=-1href=#分割链接/a/li/ul/div选项列表右对齐, 和包括一个多级的下拉菜单.对齐在?.dropdown-menu?添加?.pull-right?, 让下拉列表右对齐.ulclass=dropdown-menu pull-rightrole=menuaria-labelledby=dLabel .../ul禁用菜单选项在下拉菜单li添加.disabled来禁用链接.注册修改退出ulclass=dropdown-menurole=menuaria-labelledby=dropdownMenuliatabindex=-1href=#注册/a/liliclass=disabledatabindex=-1href=#修改/a/liliatabindex=-1href=#退出/a/li/ul下拉菜单的子列表添加一些简单的标记, 让下拉菜单拥有一个二级菜单, 停选效果类似OS X. 在任意的 li 添加?.dropdown-submenu?就会自动获得一个额外的菜单.默认行为其它行为特别行为更多选项向上显示行为其它行为特别行为更多选项左边显示行为其它行为特别行为更多选项ulclass=dropdown-menurole=menuaria-labelledby=dLabel ...liclass=dropdown-submenuatabindex=-1href=#More options/aulclass=dropdown-menu .../ul/li/ul按钮组例子两个基本选项, 带有两个更明确的变化.单一按钮组带有?.btn?的按钮, 都放在?.btn-group?里面.左?中?右divclass=btn-groupbuttonclass=btn左/buttonbuttonclass=btn中/buttonbuttonclass=btn右/button/div多个按钮组组合成工具条集合几组?div class=btn-group?，再用?div class=btn-toolbar?包装就可以合成工具条组件。1?2?3?4?5?6?7?8divclass=btn-toolbardivclass=btn-group .../div/div垂直按钮组让一组按钮垂直摆放divclass=btn-group btn-group-vertical .../div复选框和单选框形式按钮组也可实现单选和复选功能。前者只有一个按钮被按下，后者可以按下多个按钮。详见JavaScript插件?。在按钮组的下拉菜单注意!?为了渲染正常，带下拉项的按钮应该被?.btn-group?嵌套，然后再放入?.btn-toolbar?内。按钮式下拉菜单简介和例子通过将其放在?.btn-group?并添加一些下拉菜单的标记, 让点击按钮生产一个下拉菜单.行为??行为??危险??警告??成功??信息??反向?divclass=btn-groupaclass=btn dropdown-toggledata-toggle=dropdownhref=# Actionspanclass=caret/span/aulclass=dropdown-menu!-- dropdown menu links --/ul/div适应所有按钮的尺寸下拉按钮适应任何尺寸，可以是?.btn-large,?.btn-small, 或?.bt