复选框用于让用户从一系列预设置的选项中进行选择,可以选一个或多个。 以下实例包含了三个选项。最后一个是禁用的: <div class="form-check"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value=""> Option 1 </label> </div> <div class="form-check"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value=""> Option 2 </label> </div> <div class="form-check disabled"> <label class="form-check-label"><input type="checkbox" class="form-check-input" value="" disabled> Option 3 </label> </div> 使用 .form-check-inline 类可以让选项显示在同一行上: <div class="form-check form-check-inline"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value=""> Option 1 </label> </div> <div class="form-check form-check-inline"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value=""> Option 2 </label> </div> <div class="form-check form-check-inline disabled"> <label class="form-check-label"> <input type="checkbox" class="form-check-input" value="" disabled> Option 3 </label> </div>
|
|
来自: johnny_net > 《bootstrap》