Pular para o conteúdo principal

Questão de Programação — Web — FGV 2023

ProgramaçãoWeb
Código
fg063738
Banca
FGV
Órgão
DPE-RS
Ano
2023
Nível
Médio
Cargo
Técnico - Apoio Especializado - Programador
Uma grande preocupação nos sistemas atuais é a responsividade, devido à grande diversidade de dispositivos com acesso à Internet e disponibilidade de navegadores Web. Uma técnica para garantir a responsividade é a organização do conteúdo em colunas oferecida pelo Bootstrap.Considerando uma página que oferece a divisão do espaço em 4 colunas para telas médias, enquanto dispositivos com telas menores devem apresentar 2 linhas e 2 colunas, a configuração deve ser:
  1. A<div class="row"><div class="col-md-3 col-6">1</div><div class="col-md-3 col-6">2</div><div class="col-md-3 col-6">3</div><div class="col-md-3 col-6">4</div></div>
  2. B<div class="row-lg-4 row-sm-2"><div class="col">1</div><div class="col">2</div><div class="col">3</div><div class="col">4</div></div>
  3. C<div class="row"><div class="col-md-4 col-2">1</div><div class="col-md-4 col-2">2</div><div class="col-md-4 col-2">3</div><div class="col-md-4 col-2">4</div></div>
  4. D<div class="col-lg-4 col-sm-2"><div class="row">1</div><div class="row">2</div><div class="row">3</div><div class="row">4</div></div>
  5. Ediv class="col"><div class="row-3 row-sm-6">1</div><div class="row-3 row-sm-6">2</div><div class="row-3 row-sm-6">3</div><div class="row-3 row-sm-6">4</div></div>
Revelar gabarito e comentário

GabaritoA — <div class="row"> <div class="col-md-3 col-6">1</div> <div class="col-md-3 col-6">2</div> <div class="col-md-3 col-6">3</div> <div class="col-md-3 col-6">4</div> </div>

Link permanente: /questoes/fg063738