bootStrap checkbox的用法
时间: 2023-06-25 15:06:13 浏览: 38
Bootstrap checkbox可以使用以下HTML代码创建:
```
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
Default checkbox
</label>
</div>
```
其中,`form-check-input`类用于指定输入元素,`form-check-label`类用于指定标签元素。`for`属性用于将标签与特定的输入元素关联起来,`id`属性指定此输入元素的唯一标识符。
可以添加`disabled`类来禁用复选框,也可以使用`checked`属性将复选框设置为初始选中状态。
如果需要水平排列多个复选框,可以使用`form-check-inline`类。
```
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
<label class="form-check-label" for="inlineCheckbox1">Option 1</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Option 2</label>
</div>
```