Layout

Please refer to the following documentation on Bootstraps website.

Container Adjustments

We typically use .container-fluid around row and column grid for a responsive layout, but restrict the containers to a max width for general use cases.

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
    max-width: 1440px;
}

If you wish to break out of the max width we set, you can add .no-max-width class to the container element.

<div class="container-fluid">
  Has a max width of 1440px;
</div>

<div class="container-fluid no-max-width">
  Doesn't have a max width of 1440px;
</div>