- 1、本文档共38页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Bootstrap内置组件剖析
下拉菜单例子可切换的链接列表. 互动式的下拉菜单需要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
您可能关注的文档
最近下载
- 中医气功学导论期末试卷.docx
- 请你谈一下你为什么要加入中国共产党谈谈为什么加入中国共产党.pptx VIP
- 2024南方电网广西电网公司校园招聘公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- DB37T19976—2011山东物业服务规范第1部分住宅物业.doc
- 七年级心理健康教案完整版.docx
- 赤泥综合利用项目可行性研究报告(完整案例).pdf
- 2024款比亚迪海豹06DM-i豪华型尊贵尊荣尊享旗舰_用户手册驾驶指南车主车辆说明书电子版.pdf
- 企业技术改造资金绩效评价总结报告.doc
- 《生物化学》全套教学课件(共13章完整版).pptx
- 15-彭向刚-学习领导科学提升领导力(清华)__(全国各校课件参考).ppt
文档评论(0)