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类。

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

Answer 2

最好的方法是自己使用bootstrap的实用程序垫片。

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

2 个答案: