html - 当列堆叠时，Bootstrap CSS 垂直间距消失

Question

我希望一些表单域在客户端有可用宽度时并排放置，而在没有可用宽度时整齐地堆叠。它几乎可以工作，但不是很“整齐地堆叠”。这是标记 ...

<div class="form-group">
  <div class="col-md-3">
    <input type="text" placeholder="State" class="form-control" ng-model="family.state">
  </div>
  <div class="col-md-4">
    <input type="text" placeholder="Zip" class="form-control" ng-model="family.zip">
  </div>
  <div class="col-md-4">
    <div class="checkbox">
      <input type="checkbox" ng-model="family.listAddress">List address</input>
    </div>
  </div>
</div>

这是广泛的结果，这是我们想要的:

但这是不太正确的狭窄结果(因为缺少垂直空间):

Answer 1

您的 CSS 是什么样的？您可以向所有这些 div 添加一个类并应用一个简单的 margin: 5px;，这可以解决您的问题。