Bootstrap 3 - 不同部分的長表單 - 全寬背景

我開始使用Bootstrap 3並有一個非常長的表單。我想用不同的全寬背景色分隔每個部分，我很好奇正確的標記是什麼。Bootstrap 3 - 不同部分的長表單 - 全寬背景

它應該是像下面的東西？

<form> 
    <section> 
    <div class="container"> 
     <div class="row"> 
      <div class="form-group"> 
       <label for="email" class="col-sm-2 control-label">Email</label> 
       <div class="col-xs-12 col-md-4"> 
       <input type="email" class="form-control input-sm" name="email" id="email" value="" placeholder="Email"> 
       </div> 
      </div> 
     </div> 
    </div> 
    </section> 
</form>

來源

2014-04-09 user1049961

它看起來像你沒有正確使用引導網格模型。基本上，它將一行分成12列（或者將12個子組件拆分），因此在同一個元素上使用col-xs-12和col-md-4並不合理。查看http://getbootstrap.com/css/上的文檔，瞭解網格模型的工作方式 – rom99

嗯，請參閱http://getbootstrap.com/css/#grid-example-mixed - 看起來像我'米做到這一點......無論如何，我的問題是關於全寬表格佈局... – user1049961

似乎你是對的，所以我學到了一些東西！抱歉。我不確定你所說的每個部分的全寬背景顏色是否僅僅來自於標記，所以我想你會在外部div上實現一些你自己的CSS類來實現這個目標。 – rom99