以下在 bootstrap 4 中有效,在 CSS、移动设备中显示良好,并且标签间距没有问题。
![在此处输入图像描述](https://i.stack.imgur.com/cFZ9O.png)
CSS
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
top: .8rem;
width: 1.55rem;
height: 1.55rem;
}
.checkbox-lg .custom-control-label {
padding-top: 13px;
padding-left: 6px;
}
.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
top: 1.2rem;
width: 1.85rem;
height: 1.85rem;
}
.checkbox-xl .custom-control-label {
padding-top: 23px;
padding-left: 10px;
}
HTML
<div class="custom-control custom-checkbox checkbox-lg">
<input type="checkbox" class="custom-control-input" id="checkbox-3">
<label class="custom-control-label" for="checkbox-3">Large checkbox</label>
</div>
您还可以通过声明使其变得更大checkbox-xl
如果 BS 团队的任何人正在阅读这篇文章,那么如果你开箱即用,那就太好了,我在 BS 5 中也看不到任何东西
资源