Container is base layout element to wrap page content into flexible container which changes width based on the device resolution.

Base container created by applying .container class to element: <div class="container"></div>

Fixed width

.container provides a centered container with a fixed width.

<div class="container">
    Content will show in centered container
</div>

Fluid width

.container-fluid provides a full width container.

<div class="container-fluid">
    Content will show in full width container
</div>