Questão 2534335

• Banca: FCC
• Órgão: ARTESP
• Ano: 2017
• Provas: FCC - 2017 - ARTESP - Especialista em Regulação de Transporte I – Tecnologia da Informação
• Disciplina: Programação
• Assuntos: HTML (HyperText Markup Language); Linguagens de marcação

Um Especialista em Tecnologia da Informação deseja criar um layout com duas colunas utilizando Bootstrap, para dispositivos pequenos, com largura de tela de 768 pixels por 991 pixels. A coluna da esquerda deve ocupar aproximadamente 33,3% e a da direita 66,6% da tela. O Analista utilizará em uma página HTML as instruções abaixo.

<div class= "..I.." > .... </div>

<div class="..II.." > .... </div>

Para obter o layout desejado, as lacunas I e II devem conter, respectivamente, os valores

• A. col-md-3 e col-md-9
• B. col-lg-33 e col-lg-66
• C. col-sm-4 e col-sm-8
• D. col-small-3 e col-small-7
• E. col-lg-3 e col-lg-9

Gabarito: C

Comentários

• Grid system

  Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

   

  Extra small devices Phones (< 768px) .col-xs-*

  Small devices Tablets (≥768px) .col-sm-*

  Medium devices Desktops (≥992px) .col-md-*

  Large devices Desktops (≥1200px) .col-lg-*

   

  Pelo número de pixels especificado na questão sabe-se que está se falando de Small device, então você deve procurar por uma opção que tenha col-sm

  Como o Bootstrap trabalha com o conceito de 12 colunas: 4/12=33,3% e 8/12=66,6%

   

  Gabarito: c)

   

  Fonte: https://getbootstrap.com/docs/3.3/css/