html - 在 Bootstrap 4 中使用 form-inline 时创建填充

Question

我需要使用 Bootstrap 创建。

当我使用内联表单创建表单时，它会创建一个填充权来标记和输入而不是全部填充colmun，但我不需要这个填充。

有什么问题 ？我怎么解决这个问题 ？

<button type="button"
  class="btn btn-primary col-md-2 col-xs-2 col-sm-12 col-lg-2 AddCatBtn">افزودن دسته جدید</button>
<div class="AddCategory col-md-12 col-xs-12 col-sm-12 col-lg-12 border-top border-bottom">
  <form>
    <div class="form-row text">
      <div class="form-inline col-md-6 ">
        <div class="col-md-2">
          <label for="inputEmail4">نام دسته</label>
        </div>
        <div class="col-md-10 p-0">
          <input type="email" class="form-control" id="inputEmail4">
        </div>
      </div>
      <div class="form-inline col-md-6">
        <div class="col-md-3">
          <label for="inputState">زیر دسته</label>
        </div>
        <div class="col-md-9 p-0">
          <select id="inputState" class="form-control">
            <option>one</option>
            <option>tow</option>
          </select>
        </div>
      </div>
    </div>
  </form>
</div>

标签： htmlbootstrap-4