Bootstrap 开关（switch）控件

最新推荐文章于 2025-06-08 09:13:48 发布

beststone1

最新推荐文章于 2025-06-08 09:13:48 发布

阅读量1.4k

点赞数

分类专栏： Bootstrap 文章标签： bootstrap js

Bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文展示了如何使用 Bootstrap Switch 插件创建不同尺寸的开关按钮。通过简单的 HTML 和 CSS 代码，可以轻松实现大型、普通、小型及迷你型开关样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自： http://www.bootcss.com/p/bootstrap-switch/

尺寸（Size）

ON OFF

<div class="switch switch-large">
    <input type="checkbox" checked />
</div>

<div class="switch">
    <input type="checkbox" checked />
</div>

<div class="switch switch-small">
    <input type="checkbox" checked />
</div>

<div class="switch switch-mini">
    <input type="checkbox" checked />
</div>