Question

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>
Was it helpful?

Solution

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.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top