BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)

BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)

布局组件

下拉按钮

帮助

关于我们

关于我们

关于我们

关于我们

要构建一个下拉菜单,首先,需要一个div加class(dropdown)来包容所有代码(不然下拉菜单定位找不到),然后在加一个触发下拉菜单的按钮(或者a标签),再加一个下拉菜单ul

触发者样式: .dropdown-toggle ; 属性:data-toggle=”dorpdown”

菜单样式: .dropdown-menu 属性:role=”menu” aria-labelledby='id'

其他:role=”presentation”; role=”menuitem”

样式: .divider 分割线; .dropdown-header:下拉菜单头部(不可点击); .dropdown-menu-right:向右对齐的菜单; .dropup:上拉样式(给父类容器添加)

按钮组

按钮 1

按钮 2

按钮 3

按钮 4

按钮 5

按钮 6

按钮 7

按钮 8

按钮 9

由多个按钮组构成的一个toolbar!

每个按钮组由一个div容器加 .btn-group样式构成(同时可以搭配大小等其他样式)

每个按钮组中由几个按钮组成

利用按钮组和单独的下拉菜单构成分割下拉菜单

默认

功能

另一个功能

其他

</li>

分离的链接

以上所述是给大家介绍的BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)，希望对大家有所帮助，如HxFqjDGPt果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。