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
<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>