前端框架Bootstrap--按钮和折叠插件

前端框架Bootstrap--按钮和折叠插件,第1张

可以通过按钮插件创建不同状态的按钮
(1)单个切换

注意:在Firefox多次页面加载时,按钮可能保持表单的禁用或选择状态
解决方案添加autocomplete=”off”
(2)单选按钮

(3)复选按钮

(4)加载状态

Button插件中的button方法中有三个参数:toggle、reset、string(比如loading、complete)
(5)可代替data-toggle=”button”

通过点击可以折叠内容
基本实例

data-parent: 默认值为false,设置需指定父元素选择器,也就是说,选定其中一个折叠区,其他折叠将隐藏,实现手风琴效果。
data-toggle: 如果前面加data-,设置’collapse’表示实现折叠;如果是javascript中的属性,默认为true,实现反转

手动调用

collapse方法还提供了三个参数:<a>hide、show、toggle</a>

Showbscollapse : 在show方法调用时立即触发
Shownbscollapse : 折叠区完全显示出来是触发
Hidebscollapse : 在hide方法调用时触发
Hiddenbscollapse : 该事件是折叠区域完全隐藏之后触发
例子

往后还会更新前端Bootstrap其他知识部分,谢谢大家阅读本人文章,祝愿大家心想事成!

以上就是关于前端框架Bootstrap--按钮和折叠插件全部的内容,包括:前端框架Bootstrap--按钮和折叠插件、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9548673.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存