Bootstrap 自定义表单
-
自定义复选框
要创建自定义复选框,请将容器元素(如<div>)包装为 .custom-control 和 .custom-checkbox 类;然后将 .custom-control-input 添加到类型为 "checkbox" 的输入中。提示:如果将标签用于附带的文本,请向其添加 .custom-control-label 类;请注意,for 属性的值应与复选框的 ID 相匹配:输出结果如下: -
自定义开关
要创建自定义的“拨动开关”,请在一个复选框周围包裹一个容器元素(如<div>)以及 .custom-control 和 .custom-switch 类;然后将.custom-control-input 类添加到复选框:输出结果如下: -
-
-
-
自定义文件上传
要创建自定义文件上传,请使用 type="file" 将带有 .custom-file 类的容器元素包装在输入周围;然后将 .custom-file-input 添加到其中。提示:如果将标签用于附带的文本,请向其添加 .custom-file-label 类;请注意,for 属性的值应与复选框的 ID 相匹配:输出结果如下: -