Q # 12) What is a progress bar in bootstrap?

Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.

Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.

Answer: The contextual classes used with progressive bar are as follows.

como configurar a grade de selênio

• Progress-success
• Progress-info
• Progress-warning
• Progress-danger

Q # 14) What are responsive utility classes in Bootstrap?

Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.

Example: “hidden-md-down”, It hides

Q # 15) What are the different button styles in Bootstrap?

Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.

• .btn-default.
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning.
• .btn-danger.
• .btn-link.

Q # 16) What are Bootstrap alerts?

Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.

There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.

Q # 17) Define Bootstrap thumbnails.

Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.

This will add four pixels of padding and a grey border.

como testar o site em diferentes navegadores

Q # 18) Explain Modal plugin in Bootstrap.

Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.

Q # 19) Which class is used for pagination in Bootstrap?

Answer: To add pagination on the webpage we have to use the class .pagination .

Q # 20) Explain what is Bootstrap collapsing elements.

Answer: It allows you to collapse any particular element without using any JavaScript code.

To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.

Q # 21) What is Bootstrap Well?

Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.

Q # 22) Explain the uses of the carousel plugin in Bootstrap.

Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.

Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .

Q # 23) What will be the output of the below code and why?

Responda: Se colocarmos várias barras com o mesmo .progresso elemento pai, o Bootstrap os empilhará em uma única barra de progresso. Como sabemos, no bootstrap a soma da barra de progresso é 100%. Portanto, a barra de progresso dará o resultado como largura total e totalmente preenchida.

Q # 24) Como podemos customizar links de paginação no Bootstrap?

Responda: Podemos personalizar os links usando .Desativado para links não clicáveis ​​e .ativo para indicar a página atual.

Q # 25) Explique o grupo de entrada no Bootstrap.

Responda: O grupo de entrada no bootstrap é retirado dos controles. Usando um grupo de entrada, podemos facilmente adicionar texto ou botão prefixado e anexado às entradas baseadas em texto.

Podemos prefixar e acrescentar elementos a um .form-control pegando todos os elementos em uma classe .input-group. Depois disso, coloque seu conteúdo extra dentro de umno mesmo usando classe .input-group-addon depois disso, você pode colocar oelemento antes ou depois do elemento de entrada.

Q # 26) Escreva as maneiras de criar um menu de navegação com guias no Bootstrap.

Responda: Podemos criar navegação com guias, criando uma lista básica não ordenada com a classe base de .não são e depois disso, podemos adicionar classe .nav-tabs .

Q # 27) No Bootstrap, como você pode criar um menu de navegação de comprimidos?

Responda: O menu de navegação de pílulas no bootstrap é criado fazendo uma lista não ordenada primeiro com a classe base de .não são e depois disso adicione a classe .nav-pills .

Q # 28) Como funciona a barra de navegação no Bootstrap?

Responda: No bootstrap, a barra de navegação é um recurso eminente para fazer um metacomponente responsivo que funciona como cabeçalhos de navegação para seu aplicativo e site. Na visualização móvel, a barra de navegação se fecha e se torna horizontal à medida que a largura da janela de visualização disponível aumenta.

Q # 29) Como podemos criar uma barra de navegação no Bootstrap?

Responda: Para criar uma barra de navegação em um bootstrap em primeiro lugar, temos que adicionar as classes .navbar , .navbar-default para a tag. Depois disso, temos que adicionar o papel = ”navegação” ao elemento acima, e isso ajudará na inacessibilidade.

Nós adicionamos uma classe de cabeçalho .nav-header ao elemento, que incluirá um elemento com uma marca de classe navbar. A partir disso, obteremos um texto com um tamanho maior.

com um .panel-title classe para dar mais estilos ao título.

Q # 39) O que é um plugin scrollspy no Bootstrap?

Responda: É um plugin de navegação de atualização automática que permite buscar a seção da página com base na posição de rolagem. Isso pode ser feito por a classe .active para a posição de rolagem baseada na barra de navegação.

Q # 40) Qual é o trabalho do plugin afixo no Bootstrap?

Responda: Este plugin permite que um seja anexado a um local na página.

O uso do ícone social em uma página é um exemplo disso, no qual vemos que os ícones começarão em um local, mas quando a página atingir uma determinada marca ela bloqueará o local e interromperá a rolagem para o resto do página.

Q # 41) Qual é o sistema de grade no Bootstrap?

Responda: Usando o sistema de grade, podemos fazer até 12 colunas em uma página. Existem diferentes classes que foram definidas para isso para o propósito de UI.

Q # 42) O que são classes Grid no Bootstrap?

Responda: Existem quatro classes de grade no Bootstrap.

Eles estão:

• xs (Ele é usado para telas de telefone com menos de 786 px de largura).
• sm (Ele é usado para telas de tablets maiores que 786 px de largura).
• md (É para tela de laptop pequeno de tamanho igual ou superior a 992 px de largura).
• LG (É para telas de laptop e desktop com largura igual ou superior a 1200 px).

Q # 43) Quais são os estilos globais que são usados ​​na Tipografia Padrão Bootstrap?

Responda: No Bootstrap, o tamanho da fonte padrão global é 14px e a altura da linha é 1,428. As alterações de fonte padrão para Helvetica e Arial são com fallback sem serifa e todos esses estilos são aplicáveis ​​para o corpo e todos os parágrafos.

Q # 44) Qual será o resultado do código abaixo?

.col-xs-12 .col-md-3

Responda: O resultado disso fornecerá as grades para dispositivos extra pequenos como podemos ver no trecho col-xs-12 que foi usado e também fornecerá as grades para dispositivos desktop e acima como a classe col-md-3 foi usava.

Q # 45) Quais dependências o Bootstrap requer para funcionar corretamente?

c ++ converter char para string

Responda: jQuery é a única dependência que o bootstrap requer para funcionar corretamente e isso é apenas para plug-ins JavaScript no bootstrap.

Q # 46) Explique o que o código abaixo fará?

Home 36

Responda: Este código produzirá um link com um crachá embutido que dará uma notificação importante para o usuário, como número recebido, mensagem recebida ou o número de solicitações, etc.

Q # 47) Quais são os dois códigos que são usados ​​para exibição de código no Bootstrap?

Responda: Os códigos são tag and tag.

Q # 48) What is the difference between Bootstrap and Foundation?

Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.

Q # 49) What are Glyphicons in Bootstrap?

Answer: By this, we can use the icon simply anywhere in your code.

Q # 50) O que é um plugin de transição no Bootstrap?

Responda: Ele fornece efeitos de transição simples, como deslizamento ou desvanecimento nos modais.

Q # 51) Explique o conceito de criação de uma forma vertical ou básica no Bootstrap.

Responda: Para isso, primeiro temos que adicionar um formulário de função ao elemento pai, em seguida, temos que envolver rótulos e controles em um com class.form-group e, em seguida, temos que adicionar uma classe de .form-control para todos os url de texto e elementos .

Conclusão

Estas perguntas e respostas da entrevista irão ajudá-lo a quebrar qualquer entrevista Bootstrap para um nível mais novo e experiente. E essas são as perguntas mais frequentes que são feitas nas entrevistas.

Tenho certeza que este artigo teria ajudado você a entender os princípios básicos e o nível avançado do Bootstrap.

Desejamos tudo de bom para sua entrevista !!

Leitura recomendada

• Perguntas e respostas da entrevista
• Perguntas e respostas da entrevista de teste de ETL
• As 50 perguntas e respostas mais populares da entrevista do CCNA
• 50 principais perguntas e respostas da entrevista sobre PHP (para TODOS)
• Mais de 50 perguntas e respostas para entrevistas em bancos de dados
• Algumas perguntas e respostas complicadas de testes manuais
• 25 melhores perguntas e respostas da entrevista para testes ágeis
• Perguntas da entrevista de Spock com respostas (mais populares)