可以通过以下步骤完成:
<label>
<input type="checkbox" />
<span>复选框</span>
</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="checkboxId" />
<label class="form-check-label" for="checkboxId">复选框</label>
</div>
注意,Bootstrap 4使用了form-check
和form-check-input
类来创建复选框。
form-check-inline
类来创建行内的复选框。filled-in
类替换为Bootstrap 4的form-check-inline
类。完成上述步骤后,你的复选框状态检查就从Materialize转换为了Bootstrap 4。记得根据你的具体需求,进一步自定义和调整样式。
如果要自定义一个复选框,可以设置 如果要自定义一个复选框,可以设置 领取专属 10元无门槛券 手把手带您无忧上云开心档之Bootstrap4 自定义表单
扫码
相关资讯
活动推荐