ブートストラップフォーム群間に垂直方向のスペース

Question

あり、いくつかの同様の質問がありますが、本当にここで（私の知る限り）

を私の問題の解決策を提供どれも私のコードではありません：

<div class="form-group"> 
    <div class="col-xs-3"> 
     <label for="quantity">Quantity:</label> 
     <input type="quantity" class="form-control" min="1" max="100" ng-model="formData.quantity" required /> 
    </div> 
    <div class="col-xs-9"> 
     <label for="type">Type:</label> 
     <select class="form-control" name="type" ng-model="formData.type" required> 
      <option value="240" selected>240</option> 
      <option value="120">120</option> 
     </select> 
     <!--<input type="text" class="form-control" name="type" ng-model="formData.type"> --> 
    </div> 
</div> 

<div class="form-group"> 
     <label for="type">Type 2:</label> 
     <select class="form-control" name="typ2 ng-model="formData.typ2e" required> 
      <option value="240" selected>240</option> 
      <option value="120">120</option> 
     </select> 
     <!--<input type="text" class="form-control" name="type" ng-model="formData.type"> --> 
</div> 

<div class="form-group row"> 
<div class="col-xs-6 col-xs-offset-3"> 
    <a ui-sref="form.interests" class="btn btn-block btn-info"> 
    Next Section <span class="glyphicon glyphicon-circle-arrow-right"></span> 
    </a> 
</div> 
</div> 

フォームグループの間には垂直方向の間隔はありません。何をすべきかわからない。どんな助けもありがとう！

Answer 1

フォーム-水平

<div class="form-horizontal">your code</div> 

または次のコードCSSファイルに追加すると、すべてのコードをラップすることができます

.form-group::before, 
.form-group::after { 
    content: " "; 
    display: table; 
}