提问者:小点点

是否将引导标签置于复选框之下?


如何将引导标签放在复选框下面?

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

我得到这个结果

但我想要这个结果

如果我首先添加更多的
我会得到这个(上面更多的空间)


共2个答案

匿名用户

<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>