Questão FC373543
Considere o fragmento de código abaixo, disponível em uma página web criada com Bootstrap 5, em condições ideais. Para que os dois contêineres internos sejam renderizados com divis
Desenvolvimento Web
FCC · 2022
Considere o fragmento de código abaixo, disponível em uma página web criada com Bootstrap 5, em condições ideais.
Para que os dois contêineres internos sejam renderizados com divisão de 50% cada, em todas as telas, exceto nas extra pequenas, as lacunas I e II devem ser corretamente preenchidas com
- col-left-50 e col-right-50
- col-half-screen e col-half-screen
- col-sm-6 e col-sm-6
- col-lg-50 e col-lg-50
- col-sm-5 e col-sm-5
Mostrar resposta e comentário
Gabarito
Certo
Comentário do professor
A opção correta usa col-sm-6 em cada contêiner interno. No sistema de grid do Bootstrap, a largura é dividida em uma grade de 12 colunas, então atribuir 6 colunas a um elemento dá-lhe metade do espaço disponível.
Em termos simples: \(6/12 = 1/2\), ou seja, 50% da largura do parent row para cada coluna.
O sufixo sm indica que essa regra passa a ser aplicada em telas de tamanho pequeno para cima (≥576px). Em telas extra small (<576px) as colunas voltam a se empilhar, ocupando 100% da largura.
Portanto, para obter duas colunas com divisão de 50% em todas as larguras exceto as extra pequenas, basta usar col-sm-6 em ambos os elementos.
Conteúdo do catálogo FC Concursos · Atualizado em