可以通过以下步骤完成:
<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元无门槛券
手把手带您无忧上云