Bootstrap 3 - Long form with different sections - full width background

user1049961 picture user1049961 · Apr 10, 2014 · Viewed 20.8k times · Source

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.

Should it be something like following?

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

Answer

Sposmen picture Sposmen · May 11, 2015

Sorry if it is late, but was looking for something similar. Found Panels utility inside basic bootstrap and worked for me. Hope could help someone.