如何使用bootstrap将标签下方的复选框置于中心位置?

时间:2018-04-11 14:42:14

标签: twitter-bootstrap

在引导形式中,复选框显示在右侧,标签位于左侧。如何将复选框置于标签下方?

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<form>
  <div class="form-row">
  <div class="form-group col-md-2">
    <label for="isNewPrice">New price?</label>
    <input type="checkbox" class="form-control" id="isNewPrice" >
  </div>
</div>
</form>

1 个答案:

答案 0 :(得分:1)

也许有text-center班?

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<form>
  <div class="form-row">
  <div class="form-group col-md-2 text-center">
    <label for="isNewPrice">New price?</label>
    <input type="checkbox" class="form-control" id="isNewPrice" >
  </div>
</div>
</form>
&#13;
&#13;
&#13;