Bootstrap4让两个input并排显示

1、使用.row和.col组合

<form>
  <div class="row">
    <div class="col">
      <label class="form-inline">名：
        <input type="text" class="form-control" placeholder="First name">
      </label>
    </div>
    <div class="col">
      <label class="form-inline">姓：
        <input type="text" class="form-control" placeholder="Last name">
      </label>
    </div>
  </div>
</form>

2、也可以使用 .form-row来取代.row（它们二者很多时候可以互换使用），区别是.form-row提供更小的沟槽缝隙。

<form>
  <div class="form-row">
    <div class="col">
      <label class="form-inline">名：
        <input type="text" class="form-control" placeholder="First name">
      </label>
    </div>
    <div class="col">
      <label class="form-inline">姓：
        <input type="text" class="form-control" placeholder="Last name">
      </label>
    </div>
  </div>
</form>

参考：

1、https://code.z01.com/v4/components/forms.html#form-grid

2、https://blog.csdn.net/qq_23350817/article/details/84072868