css - 如何在 Bootstrap 中设置输入标签之间的边距？

Question

我的页面上有两个输入元素。我需要在两个元素之间留出余量。

<input type="text" class="form-control" placeholder="Username">
<input type="password" class="form-control" placeholder="password">

我创建了一个类来为密码输入分配边距。我想知道是否有更好的方法来做到这一点？也许通过用 div 包装两个输入标签？

Answer 1

如果你使用的是 Bootstrap，正确的做法是这样做:

<div class="form-group">
  <input type="text" class="form-control" id="Username" placeholder="Username">
</div>
<div class="form-group">
  <input type="password" class="form-control" id="Password" placeholder="Password">
</div>

如果您只是想在它们之间添加一个空格，那么您可以:

.space-right {
  margin-right: 10px;
}

<input type="text" class="form-control space-right" placeholder="Username" />
<input type="password" class="form-control" placeholder="password" />