在Bootstrap中,可以使用checkbox
和switch
类来创建开关按钮。以下是一个示例代码,展示了如何使用Bootstrap类名来创建一个开关按钮:
在这个示例中,label
元素使用了switch
类来创建一个开关按钮的外观。input
元素是一个复选框,通过type="checkbox"
来指定它是一个复选框类型的输入框。span
元素是一个带有slider
类的滑块,用于表示开关的状态。
如果你想要默认开启或关闭开关按钮,可以在input
元素上添加checked
属性来实现。例如,要默认开启开关按钮,可以这样写:
你可以在这个示例的基础上进行样式的自定义,比如改变滑块的颜色、大小等。通过修改相应的CSS样式,你可以实现更多个性化的效果。