引導形式的組間差異無垂直空間

有一些類似的問題，但沒有真正爲我的問題的解決方案（據我可以看到）引導形式的組間差異無垂直空間

這裏是我的代碼：

<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>

在表單組之間沒有垂直間距，它們都是一個接一個地連接在一起。不知道該怎麼辦。任何幫助，將不勝感激！

來源

2016-07-29 KriiV

形式的組類具有自定義CSS邊距：15px的;嘗試將其重置爲0.希望它有效。 –

您可以將填充添加到每個表單組div的底部（或頂部）。真正的空間取決於你自定義與CSS – Ren

完美。添加填充工作。 Bootstrap相對較新。謝謝！ – KriiV

你可以用所有的代碼與窗體水平

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

或添加到您的css文件下面的代碼：

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

來源

2016-07-29 01:52:01 Olga

引導形式的組間差異無垂直空間

回答

相關問題