引导网格列之间的空间相同

Question

  <div class="form-group row">
    <div class="col-sm-6">
       <input type="text" name="languageSearch" id="languageSearch" class="form-control ui-autocomplete-input" value="" style="background-color: #ffff;" placeholder="Search Language" autocomplete="off">
    </div>
    <div class="col-sm-2">
       <input type="submit" name="search" id="search" value="Search" class="btn-md btn-primary form-control">
    </div>
    <div class="col-sm-4">
       <button class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-backdrop="static" type="button">Create New Language</button>
    </div>
  </div>

请参考图片。在这里，我希望所有3个元素之间都具有相同的空间。

Answer 1

尝试将类d-flex justify-content-center添加到 col-sm-2 。这样会将“搜索”按钮对齐到列的中心，以便所有列之间都有一定的间隔。