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.