如何将引导标签放在复选框下面?
null
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
width: 1.55rem;
height: 1.55rem;
}
.checkbox-lg .custom-control-label {
padding-left: 6px;
}
<div class="custom-control custom-checkbox checkbox-lg">
<input type="checkbox" class="custom-control-input" id="delivery-checkbox-18" name="deliveryAddresses[]" value="">
<label class="custom-control-label" for="delivery-checkbox-18">
fsdfs <br>
sdfsd <br>
sdfsdf <br>
434 sdfsd
</label>
</div>
null
我得到这个结果
但我想要这个结果
如果我首先添加更多的
我会得到这个(上面更多的空间)
<div class = "custom-control custom-checkbox checkbox-lg" >
<input type = "checkbox"
class = "custom-control-input"
id = "delivery-checkbox-18"
name = "deliveryAddresses[]"
value = "">
<label class = "custom-control-label" for="delivery-checkbox-18" >
<br>
fsdfs <br>
sdfsd <br>
sdfsdf <br>
434 sdfsd
</label>
</div>
在标记对我有效之后添加
标记。请参阅下面的HTML代码:
null
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
width: 1.55rem;
height: 1.55rem;
}
.checkbox-lg .custom-control-label {
padding-left: 6px;
}
<div class="custom-control custom-checkbox checkbox-lg">
<input type="checkbox" class="custom-control-input" id="delivery-checkbox-18" name="deliveryAddresses[]" value="">
<label class="custom-control-label" for="delivery-checkbox-18"><br>
fsdfs <br>
sdfsd <br>
sdfsdf <br>
434 sdfsd
</label>
</div>