Ao utilizar o Bootstrap para desenvolver uma interface resp...

Próximas questões
Com base no mesmo assunto
Q2447158 Programação
Ao utilizar o Bootstrap para desenvolver uma interface responsiva, qual classe é indispensável para garantir que uma coluna ocupe três frações do espaço disponível em dispositivos grandes (lg)?
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Alternativa correta: B - .col-lg-4

Vamos entender a questão:

O tema é desenvolvimento web responsivo utilizando o Bootstrap, um dos frameworks CSS mais populares para criar interfaces que se adaptam a diferentes tamanhos de tela. A questão aborda o conhecimento das classes de grade (grid) do Bootstrap, que são usadas para definir como os elementos se comportam em diferentes dispositivos.

No Bootstrap, a grade é dividida em 12 colunas. Isso significa que você pode combinar essas colunas para criar layouts que somam 12. Por exemplo, se você quer que algum elemento ocupe metade da tela em dispositivos pequenos, você pode usar a classe .col-sm-6, que ocupa 6 das 12 colunas.

A pergunta específica é sobre como fazer com que uma coluna ocupe três frações do espaço disponível em dispositivos grandes (lg). Para isso, usamos a classe que define a proporção das colunas no contexto dos dispositivos grandes.

Justificando a alternativa correta:

A alternativa B - .col-lg-4 está correta. A classe .col-lg-4 faz com que o elemento ocupe 4 das 12 colunas disponíveis em telas grandes, que é exatamente um terço do espaço total (12 / 4 = 3). Portanto, essa é a classe necessária para que a coluna ocupe três frações (ou seja, um terço) do espaço disponível em dispositivos grandes.

Analisando as alternativas incorretas:

Alternativa A - .col-lg-3: A classe .col-lg-3 faz com que o elemento ocupe 3 das 12 colunas disponíveis, o que equivale a um quarto do espaço total (12 / 3 = 4). Portanto, essa classe não atende ao requisito da questão, que pede três frações.

Alternativa C - .col-lg-12: A classe .col-lg-12 faz com que o elemento ocupe todo o espaço disponível (12 colunas), o que equivale a 100% da largura. Isso não se encaixa na necessidade de ocupar apenas três frações do espaço.

Alternativa D - .col-lg-auto: A classe .col-lg-auto faz com que a coluna se ajuste automaticamente ao seu conteúdo, sem uma largura fixa definida em termos das colunas da grade. Portanto, ela não garante que a coluna ocupará um terço do espaço disponível.

Espero que essa explicação tenha esclarecido suas dúvidas! Se precisar de mais alguma ajuda, estou à disposição.

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo