bootstrap-4 - 更改Bootstrap 4复选框的大小

Question

有没有办法将Bootstrap 4 beta复选框的大小更改为更大的复选框？
我几乎尝试过更改样式，但这没有用。
谢谢!

Answer 1

目前存在问题，我已将其报告给Bootstrap。在解决此问题之前，请执行以下操作:

首先，使用form-control-lg类。一旦解决了该问题，您将需要使用该类。

在问题解决之前，添加以下css:

.custom-control-label::before, 
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

这是一个完整的工作代码示例:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

<style>
.custom-control-label::before, 
.custom-control-label::after {
top: .8rem;
width: 1.25rem;
height: 1.25rem;
}
</style>


<div class="custom-control form-control-lg custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="customCheck1">
    <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
</div>