Contêineres para Criação de Leiautes Responsivos

Nesta aula sobre Bootstrap 5, aprendemos como criar layouts responsivos através da criação de regiões de conteúdo com largura centralizada na página e variável, definindo margem interna e contêineres alinhados.

Existem três tipos básicos de containers e break-points para ajustar a largura da página.

A classe "container-fluid" ocupa a largura total da página, enquanto a classe "container" ocupa a largura disponível da página e pode ser ajustada para ocupar uma largura fixa ou responsiva.

É importante lembrar que containers devem ser usados ​​em layouts de sites.