Questão de Desenvolvimento de Sistemas · FGV CGE-SC 2022 (nº 9)

O sistema de grid do Bootstrap é uma ferramenta poderosa para organizar o conteúdo da sua página em linhas e colunas de forma responsiva, ou seja, que se adapta automaticamente a diferentes tamanhos de tela.

• (A) Incorreta: Embora row e col-* sejam essenciais, a ausência de um container (ou container-fluid) como elemento pai impede que o grid funcione corretamente, sem o espaçamento e alinhamento adequados. Armadilha: Esta é a alternativa mais tentadora, pois menciona os componentes centrais (row e col-*), mas omite o container que é crucial para o comportamento esperado do grid.
• (B) Incorreta: O Bootstrap não utiliza a classe grid como um elemento principal para o sistema de grid, nem row-* para criar linhas; row-* (como row-cols-2) é usado dentro de uma row para definir o número de colunas.
• (C) Incorreta: Não existe uma classe Bootstrap genérica chamada responsive para iniciar um layout de grid; a responsividade é intrínseca às classes col-* e à estrutura do grid.
• (D) Incorreta: Embora o grid do Bootstrap seja construído com flexbox, não se usa a classe flex como wrapper principal do grid, e não existem classes grid-* para criar linhas; as linhas são criadas com row.
• (E) Correta: Esta é a maneira padrão e correta de construir um layout de grid responsivo no Bootstrap. Primeiro, um div com a classe container (ou container-fluid) é usado para envolver o conteúdo, fornecendo alinhamento e padding. Dentro do container, você adiciona um div com a classe row para criar uma linha, e dentro da row, você adiciona divs com classes col-* para definir as colunas e sua responsividade.