Pular para o conteúdo principal

Questão de TI - Desenvolvimento de Sistemas — Bootstrap — FGV 2023

TI - Desenvolvimento de SistemasBootstrap
Código
fg161194
Banca
FGV
Órgão
DPE RS
Ano
2023
Cargo
Tec ( )
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. E<div 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/fg161194