Bootstrap按钮和折叠插件

最新推荐文章于 2023-08-22 22:27:05 发布

小萝莉_Lolita

最新推荐文章于 2023-08-22 22:27:05 发布

阅读量669

点赞数

分类专栏： Bootstrap 文章标签： bootstrap 按钮插件折叠插件手风琴

本文链接：https://blog.csdn.net/MDreamlove/article/details/75287169

版权

本文介绍了Bootstrap的按钮插件，讲解如何创建具有不同状态的按钮，并提示在Firefox中可能遇到的问题及解决方案。同时，文章还探讨了折叠插件的使用，包括实现手风琴效果，并详细说明了collapse方法的参数和相关事件。

摘要由CSDN通过智能技术生成

按钮

可以通过按钮插件创建不同状态的按钮

//单个切换
<button class="btn btn-default" data-toggle="button" autocomplete="off">按钮</button>

注：在Firefox多次页面加载时，按钮可能保持表单的禁用或选择状态，解决方案是：添加autocomplete=”off”

<!-- 单选按钮
1.label加类btn btn-primary
2.父容器div加类btn-group 按钮组
3.div加data-toggle="buttons"
 -->
<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="radio" name="sex" value="男" checked>男
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="sex" value="女">女
    </label>
</div>

<!-- 复选按钮 与单选按钮一样-->
<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="checkbox" name="fa" value="体育" checked>体育
    </label>
    <label class="btn b