Bootstrap内置组件资料.docx

<ulclass="dropdown-menu"role="menu"aria-labelledby="dropdownMenu"><li><atabindex="-1"href="#">行为</a></li><li><atabindex="-1"href="#">其它行为</a></li><li><atabindex="-1"href="#">特别行为</a></li><liclass="divider"></li><li><atabindex="-1"href="#">分割链接</a></li></ul>,或者声明 position:relative;;,只需创建菜单.<divclass="dropdown"><!--Linkorbuttontotoggledropdown--><ulclass="dropdown-menu"role="menu"aria-labelledby="dLabel"><li><atabindex="-1"href="#">行为</a></li><li><atabindex="-1"href="#">其它行为</a></li><li><atabindex="-1"href="#">特别行为</a></li><liclass="divider"></li><li><atabindex="-1"href="#">分割链接</a></li></ul></div>选项列表右对齐, .dropdown-menu 添加 .pull-right ,让下拉列表右对齐.<ulclass="dropdown-menupull-right"role="menu"aria-labelledby="dLabel">...</ul>禁用菜单选项在下拉菜单<li><ulclass="dropdown-menu"role="menu"aria-labelledby="dropdownMenu"><li><atabindex="-1"href="#">注册</a></li><liclass="disabled"><atabindex="-1"href="#">修改</a></li><li><atabindex="-1"href="#">退出</a></li></ul>下拉菜单的子列表添加一些简单的标记,让下拉菜单拥有一个二级菜单, .dropdown-submenu <ulclass="dropdown-menu"role="menu"aria-labelledby="dLabel">...<liclass="dropdown-submenu"><atabindex="-1"href="#">Moreoptions</a><ulclass="dropdown-menu">...</ul></li></ul>按钮组例子两个基本选项, .btn 的按钮,都放在 .btn-group 里面.<divclass="btn-group"><buttonclass="btn">左</button><buttonclass="btn">中</button><buttonclass="btn">右</button></div>多个按钮组组合成工具条集合几组 <divclass="btn-group"> ,再用 <divclass="btn-toolbar"> 包装就可以合成工具条组件。<divclass="btn-toolbar"><divclass="btn-group">...</div></div>垂直按钮组让一组按钮垂直摆放<divclass="btn-groupbtn-group-vertical">...</div>复选框和单选框形式按钮组也可实现单选和复选功能。前者只有一个按钮被按下,后者可以按下多个按钮。详见JavaScript插件 。在按钮组的下拉菜单 为了渲染正常,带下拉项的按钮应该被 .btn-group 嵌套,然后再放入 .btn-toolbar 内。按钮式下拉菜单简介和例子通过将其放在 .btn-group 并添加一些下拉菜单的标记,让点击按钮生产一个下拉菜单.<divclass="btn-group"><aclass="