欢迎来到天天文库
浏览记录
ID:63497307
大小:12.52 KB
页数:6页
时间:2021-08-24
《JS组件Bootstrap按钮组与下拉按钮详解_》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、JS组件Bootstrap按钮组与下拉按钮详解_这篇文章主要为大家介绍了JS组件Bootstrap按钮组与下拉按钮的相关资料,感爱好的小伙伴们可以参考一下本文先为大家分享按钮组的用法方法,具体内容如下一、按钮组(ButtonGroups)1、单个按钮组用.btn-group封装多个带.btn的buttondivclass="btn-group"buttonclass="btn"1/buttonbuttonclass="btn"2/buttonbuttonclass="btn"3/button/div2、多个按钮组将多个divclass="btn-gr
2、oup"放进divclass="btn-toolbar"中。divclass="btn-toolbar"divclass="btn-group".../divdivclass="btn-group".../div/div3、垂直按钮组向.btn-group添加.btn-group-vertical。divclass="btn-groupbtn-group-vertical".../div二、下拉按钮(ButtonDropdowns)例子divclass="btn-group"aclass="btndropdown-toggle"data-toggle
3、="dropdown"href="#"Actionspanclass="caret"/span/aulclass="dropdown-menu"!--dropdownmenulinks--/ul/div1、掌握大小同样用法.btn-large、.btn-small、.btn-mini掌握大小。2、分割的下拉按钮divclass="btn-group"buttonclass="btn"Action/buttonbuttonclass="btndropdown-toggle"data-toggle="dropdown"spanclass="caret"/
4、span/buttonulclass="dropdown-menu"!--dropdownmenulinks--/ul/div3、向上消失的菜单divclass="btn-groupdropup"buttonclass="btn"Dropup/buttonbuttonclass="btndropdown-toggle"data-toggle="dropdown"spanclass="caret"/span/buttonulclass="dropdown-menu"!--dropdownmenulinks--/ul/div三、JavaScript例子加
5、载状态。添加data-loading-text="Loading..."。代码如下:buttontype="button"class="btnbtn-primary"data-loading-text="Loading..."Loadingstate/button开关状态。添加data-toggle="button"。代码如下:buttontype="button"class="btnbtn-primary"data-toggle="button"SingleToggle/button复选框。在btn-group后添加data-toggle="but
6、tons-checkbox"。divclass="btn-group"data-toggle="buttons-checkbox"buttontype="button"class="btnbtn-primary"Left/buttonbuttontype="button"class="btnbtn-primary"Middle/buttonbuttontype="button"class="btnbtn-primary"Right/button/div单选。在btn-group后添加data-toggle="buttons-radio"。divcla
7、ss="btn-group"data-toggle="buttons-radio"buttontype="button"class="btnbtn-primary"Left/buttonbuttontype="button"class="btnbtn-primary"Middle/buttonbuttontype="button"class="btnbtn-primary"Right/button/div用法JavaScript代码触发开关状态。$().button("toggle")也可添加data-toggle属性自动触发。buttontype=
8、"button"class="btn"data-toggle="button"…/button用法JavaS
此文档下载收益归作者所有