Bootstrap 3: full width container

When working with bootstrap 3 I came across the need for a full width container. Earlier I explained how to get a full width row but in this case I needed a wrapper around the row. So let’s make a full width container.

HTML

<div class="container-full">
  <div class="row">
    ..
  </div>
</div>

CSS

A full width container requires 2 things, a 100% width and no margins:

.container-full {
  margin: 0 auto;
  width: 100%;
}

A demo is available on BootPly.

One Reply to “Bootstrap 3: full width container”

Leave a Reply

Your email address will not be published. Required fields are marked *