當列被堆疊時，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;，這可以解決您的問題。