如何在 Bootstrap 4 中设置表单元素之间的间距？

Question

如何在 Bootstrap 4 中设置表单元素之间的间距？在下面的官方示例代码中，全名中包含“@”空格，而用户名中没有空格。有人知道吗？

<form class="form-inline">
  <label class="sr-only" for="inlineFormInputName2">Name</label>
  <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="inlineFormInputName2" placeholder="Jane Doe">

  <label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
  <div class="input-group mb-2 mr-sm-2 mb-sm-0">
  <div class="input-group-addon">@</div>
  <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username">
  </div>

  <div class="form-check mb-2 mr-sm-2 mb-sm-0">
  <label class="form-check-label">
  <input class="form-check-input" type="checkbox"> Remember me
  </label>
  </div>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Answer 1

使用 form-group 和 form-control div class 怎么样？

请参考这个。https://v4-alpha.getbootstrap.com/components/forms/