要构建一个下拉菜单,首先,需要一个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:上拉样式(给父类容器添加)
由多个按钮组构成的一个toolbar!
每个按钮组由一个div容器加 .btn-group样式构成(同时可以搭配大小等其他样式)
每个按钮组中由几个按钮组成
以上所述是小编给大家介绍的BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/bootstrap/42925.html