Bootstrap 4 - добавление группы ввода с флажком и меткой

Question

Я могу добавить флажок и метку внутри группы ввода, хотя, как видно на рисунке, отступы отключены.

используя pl-4 лучше, но не правильно.

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text">
      <%= ff.remove_nested_fields_link fa_icon('trash-alt', type: :solid, class: 'icon-trash') %>
    </span>
  </div>
  <%= ff.collection_select(:store_id, Store.all, :id, :label, {}, {class: "custom-select"}) %>
  <div class="input-group-append">
    <div class="input-group-text pl-4">
      <%= ff.check_box :manager, class: "form-check-input" %>
      <%= ff.label :manager, class: "form-check-label" %>
    </div>
  </div>
</div>

Любой совет?

Answer 1

Для Bootstrap v4.3.1 вы можете использовать следующее ... form-check-input ml-0, form-check-label ml-3

<div class="input-group-append">
    <div class="input-group-text">
        <input type="checkbox" class="form-check-input ml-0" id="exampleCheck1">
        <label class="form-check-label ml-3" for="exampleCheck1">Check me out</label>
    </div>
</div>