Bootstrap组件(一)之菜单_

《Bootstrap组件(一)之菜单_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Bootstrap组件(一)之菜单_本文主要给大家介绍bootstrap组件的学问，涉及到bootstrap,组件,字体图标,上拉菜单的相关学问，特别具有参考借鉴价值，感爱好的伴侣一起学习吧Glyphicons字体图标基类.glyphicon{position/top/display/font-family/}具体类{content}--表现在伪元素上用法要点：a.基类＋具体类b.一般图标和文本之间添加一个空格留意点：a.不要和其他组件混用，单独用法一个标签，一般用法span，e.g.:spanclass="glyphiconglyphicon-se

2、arch"/spanb.已用法字体图标类的标签不要再嵌套元素或包含文本字体图标源文件位置更改：默认相对于css位置，再../fonts/名目内，如需更改位置，则修改less或者已编译的css下拉上弹菜单a.外包元素b.下拉上弹触发器c.菜单列表外包元素类.dropdown/.dropup{position}下拉上弹触发器data-toggle用于js钩子，切换外层元素open类的开启和关闭菜单列表dropdown-menu{position/top/left/z-index/float/padding/margin/border/box-shadow

3、}e.g.:div(button+ul)(默认为下拉)div可以添加类.dropdown或dropup或添加relative样式divclass="dropdown"!--此元素的class可设置为dropdown/dropup/或单独设置样式为position:relative;--!--外包元素--buttonclass="btnbtn-default"data-toggle="dropdown"!--弹出触发器--Dropdownspanclass="caret"/span/buttonulclass="dropdown-menu"!--弹出菜

4、单--liahref="#"Action/a/liliahref="#"Anotheraction/a/liliahref="#"Somethingelsehere/a/liliahref="#"Separatedlink/a/li/ul/div下拉上弹菜单-对齐默认左对齐左对齐.dropdown-menu-left{right/left}右对齐.dropdown-menu-right{right/left}由其它元素overflow引起的元素被遮挡需要自行解决ulclass="dropdown-menudropdown-menu-right"...

5、/ul下拉上弹菜单-菜单标题标题.drop-header{font-size/color}ulclass="dropdown-menu"...liclass="dropdown-header"Dropdownheader/li.../ul下拉上弹菜单-分割线分割线.divider{height/margin/background-color}--role="separator"ul...lirole="separator"class="divider"/li.../ul下拉上弹菜单-禁用菜单禁用.disabled{color}ul...liahref

6、="#"disabledlink/a/li.../ul以上内容是我给大家介绍的bootstrap组件的相关学问，盼望对大家有所关心！...