title: Bootstrap 3 - Long form with different sections - full width background
body: <p>I started using Bootstrap 3 and have a really long form. I would like to separate each section with different full width background color, and I'm curious what the correct markup would be. </p>
  
  <p>Should it be something like following?</p>
  
  <pre><code>&lt;form&gt;
    &lt;section&gt;
      &lt;div class="container"&gt;
         &lt;div class="row"&gt;
            &lt;div class="form-group"&gt;
                &lt;label for="email" class="col-sm-2 control-label"&gt;Email&lt;/label&gt;
                &lt;div class="col-xs-12 col-md-4"&gt;
                   &lt;input type="email" class="form-control input-sm" name="email" id="email" value="" placeholder="Email"&gt;
                &lt;/div&gt;
            &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/form&gt;
  </code></pre>