Containers

Info

Using the containers we can determine the layouts on the screen, they provide a responsive width, padding and are placed in the center of the screen. It's useful to place all of your page's content within a container except for those parts that use the full screen width, such as navigation, headers, and footers. With this framework you have access to 2 containers.

Container

This container has a maximum width of 1400px, a margin and padding
max-width: 1400px;margin: auto;padding: 60px 16px;

container

<div class="container"></div>

Container-fluit

This container has a width of 100% and padding
width: 100%;padding: 60px 16px;

container-fluit

<div class="container-fluit"></div>