2015-05-28 61 views
1

據我所知,bootstrap .form-horizontal是標準,並導致.form-group行爲像一排。 這意味着<div class="row">是不需要的,但什麼是缺點建設我的佈局是這樣的:在引導表單中使用.row是否有任何缺點?

<div class="row"> 
    <div class="col-md-6"> 
     <div class="form-group"> 
       <!--Content--> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div class="form-group"> 
       <!--Content--> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <!--More Content--> 
</div> 

回答

2

在這種情況下(沒有.form-xx修飾類作爲祖先),.form-group什麼也不做,但在增加空間底部。從BS的CSS:

.form-group { 
    margin-bottom: 15px; 
} 

您可以簡單地認爲類添加到該行,而不是來達到相同的結果,如:

<div class="row form-group"> 
    <div class="col-md-6"> 
     <!--Content--> 
    </div> 
    <div class="col-md-6"> 
     <!--Content--> 
    </div> 
</div> 
相關問題