Question

我有一个bootstrap 4表，其中有一些我想向右对齐的自定义复选框。

例如，请参考此fiddle

我已使用此方法创建自定义复选框：

<label class="custom-control custom-checkbox">
    <input type="checkbox" id="checkbox" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-label"></span>
</label>

到目前为止，我已经尝试添加此CSS

.custom-control {
    padding: 0 !important;
    margin: 0 !important;
    width: 0px !important;
}

.custom-control-label::before {
  left: 0;
  padding-right: 0;
  margin-right: 0;
}

.custom-control-label::after {
  left: 0;
  padding-right: 0;
  margin-right: 0;
}

.custom-control .custom-checkbox {
  padding-right: 0;
  margin-right: 0;
}

将.right和.pull-right类添加到所有复选框元素均无济于事。

此问题通过使用.pull-right来解决 Align CheckBox to the right using Bootstrap

Answer 1

使用.float-right有效。谢谢@zgood

难以将引导程序自定义复选框向右对齐

1 个答案: