Considere o fragmento de código Boostrap a segu...

457941204151934

Ano: 2018Banca: FCCOrganização: DPE-AMDisciplina: Desenvolvimento de SoftwareTemas: Design de Interação

Considere o fragmento de código Boostrap a seguir.

<div class="container-fluid">
 <div class="row">
 <div class="col-sm-3 col-md-6 col-lg-4" style="background-color:yellow;">Texto 1</div>
 <div class="col-sm-9 col-md-6 col-lg-8" style="background-color:blue;">Texto 2</div>
 </div>
</div>

Quando a página que contém o fragmento de código acima for executada em condições ideais, o navegador vai renderizar os dois contêineres, um ao lado do outro, na proporção aproximada de

15%/85% para dispositivos de telas pequenas, 50%/50% para dispositivos de telas médias e 23%/76% para dispositivos de telas grandes.

25%/75% para dispositivos de telas pequenas, 50%/50% para dispositivos de telas médias e 33%/66% para dispositivos de telas grandes.

50%/50% para dispositivos de telas grandes, 25%/75% para dispositivos de telas médias e 30%/70% para dispositivos de telas pequenas.

25%/75% para dispositivos de telas grandes, 50%/50% para dispositivos de telas médias e 33%/66% para dispositivos de telas pequenas.

10%/90% para dispositivos de telas pequenas, 20%/80% para dispositivos de telas médias e 30%/70% para dispositivos de telas grandes.

Gabarito comentado

Comentários

Anotações

Enviar para caderno

Reportar erro