Responsive Containers

Containers are the most basic layout element in Bootstrap and are required when using our default grid system.

Bootstrap provides powerful, pre-built components and utilities.

Example

<div class="container bg-primary text-white p-3 mb-3">100% wide until small breakpoint</div>
<div class="container-sm bg-success text-white p-3 mb-3">100% wide until small breakpoint</div>
<div class="container-fluid bg-info text-white p-3">Always 100% wide</div>

Experiment with the code above in the Playground!