Home >Web Front-end >Bootstrap Tutorial >How to implement bootstrap checkbox
How to implement bootstrap checkbox
- (*-*)浩Original
- 2019-07-18 13:45:256600browse
Checkbox
When creating a form, use checkbox if you want the user to select several options from a list. (Recommended learning: Bootstrap video tutorial)
Use .checkbox-inline for a series of checkboxes to control them to be displayed on the same line.
Check box, you can set The text of the check box uses the label label, and the label uses the .custom-control-label class. The value of the for attribute of the label needs to match the id of the check box. Example For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn! The above is the detailed content of How to implement bootstrap checkbox. For more information, please follow other related articles on the PHP Chinese website!<div class="checkbox">
<label><input type="checkbox" value="">选项 1</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="">选项 2</label>
</div>
#内联
<div>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"> 选项 1 </label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox2" value="option2"> 选项 2 </label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> 选项 3 </label>
</div>