Containers are the most basic layout element in Bootstrap and are required when using our default grid system. Choose from a responsive, fixed-width container (meaning its max-width changes at each breakpoint) or fluid-width (meaning it’s 100% wide all the time).

Detailed documentation and more examples you can find in our Bootstrap Layout Docs


Basic container

A display of a regular container.
<div class="container">
    <!-- Content here -->
</div>

Container fluid

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

<div class="container-fluid">
      <!-- Content here -->
</div>