FC ConcursosFC Concursos

Questão FC373547

Considere os contêineres abaixo, criados utilizando HTML e Bootstrap 5, em condições ideais. <div class="...I...">Conteúdo 1</div> <div class="...II... ">Conteúdo 2</div> Para defi

Desenvolvimento Web

FCC · 2022

Considere os contêineres abaixo, criados utilizando HTML e Bootstrap 5, em condições ideais.

 

<div class="...I...">Conteúdo 1</div>

<div class="...II... ">Conteúdo 2</div>

 

Para definir uma divisão de 25% e 75% em dispositivos pequenos, com largura de tela entre 576 pixels e 767 pixels, as lacunas I e II devem ser preenchidas, respectivamente, com

  1. col-small-25 e col-small-75.
  2. col-sm-3 e col-sm-9.
  3. col-25 e col-75.
  4. col-md-3 e col-md-9.
  5. col-lg-3 e col-lg-9.
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

As classes col-sm-3 e col-sm-9 são corretas porque aplicam-se ao ponto de corte Small do Bootstrap (larguras a partir de 576px).

O Bootstrap adota o princípio mobile-first: classes com o prefixo col-sm- passam a valer em telas ≥576px, adequado ao intervalo solicitado (576–767px).

O grid do Bootstrap usa 12 colunas. Para obter 25% e 75% fazemos a divisão em colunas: \(3/12 = 25\%\) e \(9/12 = 75\%\).

Logo, atribuir col-sm-3 ao primeiro container e col-sm-9 ao segundo garante a divisão desejada nesse tamanho de tela.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo