FC ConcursosFC Concursos

Questão FC373549

Considere o trecho de uma página web abaixo, que utiliza Bootstrap. <div class="container-fluid"> <div class="row"> <div class="..I.. bg-success"> TRIBUNAL DE JUSTIÇA DO ESTADO DE

Desenvolvimento Web

FCC · 2021

Considere o trecho de uma página web abaixo, que utiliza Bootstrap.

 

<div class="container-fluid">
  <div class="row">
   <div class="..I.. bg-success">
   TRIBUNAL DE JUSTIÇA DO ESTADO DE SANTA CATARINA
   </div>
   <div class="...II... bg-warning">
     PODER JUDICIÁRIO DO ESTADO DE SANTA CATARINA
     </div>
   </div>
</div>

 

Para que, em dispositivos pequenos (largura de tela de 576 pixels a 767 pixels), a divisão da esquerda use 25% da largura da linha e a divisão da direita use 75%, as lacunas I e II devem ser preenchidas, correta e respectivamente, com os nomes de classe

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

Gabarito

A

Comentário do professor

No Bootstrap, o layout usa um sistema de grid dividido em 12 colunas. Cada classe do tipo col-* define quantas dessas colunas um elemento ocupará dentro de uma .row.

O sufixo sm ativa a regra para telas pequenas (largura entre 576px e 767px). Assim, a classe col-sm-3 faz o elemento ocupar 3 das 12 colunas e a col-sm-9 ocupar 9 das 12.

Em termos percentuais: \( \frac{3}{12}=25\% \) e \( \frac{9}{12}=75\% \). Portanto, aplicar col-sm-3 na divisão esquerda e col-sm-9 na direita garante, nesse intervalo de telas, 25% e 75% da largura da linha, respectivamente.

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

Continue aprendendo