twitter-bootstrap Grid system Containers


Example

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects.

Use .container class for a responsive fixed width container.

<div class="container">
  ...
</div>

Use .container-fluid class for a full width container, spanning the entire width of your viewport.

<div class="container-fluid">
  ...
</div>

Note: Containers are not nestable (you cannot put a container inside another container), due to padding and more.