Bootstrap - Teste Simulado

A - O CSS responsivo do Bootstrap se ajusta a desktops, tablets e dispositivos móveis.

Resposta: D

Explicação

Todas as opções acima estão corretas.

Q 2 - Qual das afirmações a seguir está correta sobre o Bootstrap?

B - Fornece uma solução limpa e uniforme para construir uma interface para desenvolvedores.

C - Contém componentes embutidos bonitos e funcionais que são fáceis de personalizar.

A - Conteúdo: determine o que é mais importante.

Resposta: D

Explicação

Todas as opções acima estão corretas.

P 3 - Qual das opções a seguir faz parte da Estratégia Mobile First de Bootstrap?

B - Layout: Desenhe primeiro para larguras menores. Dispositivo móvel de endereço CSS básico primeiro; endereço de consultas de mídia para tablet, desktops.

C - Aprimoramento progressivo: Adicione elementos conforme o tamanho da tela aumenta.

A - As linhas devem ser colocadas dentro de uma classe .container para alinhamento e preenchimento adequados.

Resposta: D

Explicação

Todas as opções acima estão corretas.

Q 4 - Qual das afirmações a seguir está correta sobre o Bootstrap Grid System?

B - Use linhas para criar grupos horizontais de colunas.

C - o conteúdo deve ser colocado dentro das colunas, e apenas as colunas podem ser os filhos imediatos das linhas.

A - Classes de grade predefinidas como .row e .col-xs-4 estão disponíveis para criar layouts de grade rapidamente. Mixins MENOS também podem ser usados para layouts mais semânticos.

Resposta: D

Explicação

Todas as opções acima estão corretas.

P 5 - Qual das afirmações a seguir está correta sobre o Bootstrap Grid System?

B - As colunas criam sarjetas (lacunas entre o conteúdo da coluna) por meio de preenchimento. Esse preenchimento é deslocado em linhas para a primeira e a última coluna por meio de margem negativa em .rows.

C - As colunas de grade são criadas especificando o número de doze colunas disponíveis que você deseja expandir. Por exemplo, três colunas iguais usariam três .col-xs-4.

A - Consulta de mídia é um termo muito sofisticado para "regra CSS condicional".

Resposta: D

Explicação

Todas as opções acima estão corretas.

P 6 - Qual das afirmações a seguir está correta sobre o Bootstrap Media Query?

B - Simplesmente aplica algum CSS, com base em certas condições estabelecidas. Se essas condições forem atendidas, o estilo será aplicado.

D - Nenhuma das anteriores ..

Resposta: C

Explicação

Ambas as opções acima estão corretas.

P 7 - Qual das afirmações a seguir está correta sobre o Bootstrap Media Query?

A - As consultas de mídia têm duas partes, uma especificação do dispositivo e uma regra de tamanho.

B - Consultas de mídia no Bootstrap permitem mover, mostrar e ocultar conteúdo com base no tamanho da janela de visualização.

D - Nenhuma das anteriores ..

Resposta: C

Explicação

Ambas as opções acima estão corretas.

P 8 - Qual das afirmações a seguir está correta sobre a estratégia do Bootstrap Mobile First?

R - Você precisa adicionar a meta tag da janela de visualização ao elemento, para garantir a renderização adequada e o zoom de toque em dispositivos móveis.

A propriedade B - width controla a largura do dispositivo. Configurá-lo para a largura do dispositivo garantirá que ele seja renderizado em vários dispositivos (celulares, desktops, tablets ...) corretamente.

C - escala inicial = 1,0 garante que, quando carregada, sua página da web será renderizada em uma escala de 1: 1, e nenhum zoom será aplicado imediatamente.

A - Bootstrap 3 permite que você torne as imagens responsivas adicionando uma classe ..img-responsive à tag <.img>.

Resposta: D

Explicação

Todas as opções acima estão corretas.

P 9 - Qual das afirmações a seguir está correta sobre imagens responsivas de bootstrap?

B - ..a classe responsiva img aplica-se à largura máxima: 100%; e altura: automático; à imagem para que ela seja bem dimensionada para o elemento pai.

D - Nenhuma das anteriores ..

Resposta: C

Explicação

Ambas as opções acima estão corretas.

P 10 - Qual das afirmações a seguir está correta sobre a consistência entre navegadores do Bootstrap?

A - Bootstrap usa Normalizar para estabelecer consistência entre navegadores.

B - Normalize.css é uma alternativa moderna, pronta para HTML5, para redefinições CSS.

C - Normalize.css é um pequeno arquivo CSS que fornece melhor consistência entre navegadores no estilo padrão dos elementos HTML.

Resposta: D

Explicação

Todas as opções acima estão corretas.

Q 11 - Qual das classes a seguir denomina uma mesa como uma boa mesa básica com apenas um pouco de preenchimento leve e divisórias horizontais?

Resposta: A

Explicação

Se você deseja um estilo de mesa bonito e básico com apenas um pouco de preenchimento leve e divisórias horizontais, adicione a classe base de .table a qualquer mesa.

Q 12 - Qual das classes a seguir denomina uma tabela como uma boa mesa básica com listras nas linhas?

Resposta: B

Explicação

Adicionando a classe .table-listrada, você obterá listras nas linhas dentro de <tbody>.

Q 13 - Qual das classes a seguir estiliza uma tabela com bordas ao redor de cada elemento e cantos arredondados ao redor de toda a tabela?

Resposta: C

Explicação

Adicionando a classe .table-bordered, você obterá bordas ao redor de cada elemento e cantos arredondados ao redor de toda a tabela.

Q 14 - Qual das classes a seguir estiliza uma tabela com um plano de fundo cinza claro para linhas enquanto o cursor passa sobre elas?

Resposta: D

Explicação

Ao adicionar a classe .table-hover, um fundo cinza claro será adicionado às linhas enquanto o cursor passa sobre elas.

Q 15 - Qual das classes a seguir aplica a cor flutuante a uma linha ou célula específica de uma tabela?

Resposta: A

Explicação

.active - Aplica a cor flutuante a uma linha ou célula específica.

Q 16 - Qual das seguintes classes indica uma ação bem-sucedida ou positiva?

Resposta: B

Explicação

.success - indica uma ação bem-sucedida ou positiva.

Q 17 - Qual das seguintes classes indica um aviso que pode precisar de atenção?

Resposta: C

Explicação

.warning - Indica um aviso que pode precisar de atenção.

Q 18 - Qual das seguintes classes indica uma ação perigosa ou potencialmente negativa?

Resposta: D

Explicação

.danger - indica uma ação perigosa ou potencialmente negativa.

Q 19 - Qual das seguintes classes pode ser usada para criar uma tabela responsiva?

A - responsivo à mesa

B - .responsivo

C - .ativo

D - .table

Resposta: A

Explicação

Ao envolver qualquer .table na classe .table-responsive, você fará a tabela rolar horizontalmente até pequenos dispositivos (abaixo de 768 px). Ao visualizar em algo maior que 768px de largura, você não verá nenhuma diferença nessas tabelas.

Q 20 - Qual dos seguintes é o layout padrão de um formulário de bootstrap?

A - vertical

B - .inline

C - .horizontal

Resposta: A

Explicação

Formato vertical ou básico: a estrutura básica do formulário que vem com o Bootstrap.

Q 21 - Qual das classes a seguir deve ser adicionada à tag do formulário para torná-la embutida?

A - .inline

B - .form-inline

C - .horizontal

Resposta: B

Explicação

Para criar um formulário em que todos os elementos estão embutidos, alinhados à esquerda e os rótulos estão ao lado, adicione a classe .form-embutido à tag <form>.

Q 22 - Qual das classes a seguir deve ser adicionada ao tag do formulário para torná-lo horizontal?

A - .horizontal

B - .form-horizontal

C - .horizontal

A - Os controles de formulário de bootstrap podem ter um texto de ajuda em nível de bloco que flui com as entradas.

Resposta: B

Explicação

Para criar um formulário que usa o layout horizontal, adicione uma classe de .form-horizontal ao pai

P 23 - Qual das afirmações a seguir é verdadeira sobre o texto de ajuda do bootstrap?

B - Para adicionar um bloco de conteúdo de largura total, use o bloco .help após <input>.