当列堆叠时，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;，这可以解决您的问题。