As 25 principais perguntas e respostas da entrevista Bootstrap (2025)

Aqui estão as perguntas e respostas da entrevista do Bootstrap para calouros e também para candidatos experientes de desenvolvedor front-end para conseguir o emprego dos sonhos.

---

1) Explique o que é Bootstrap?

Bootstrap é uma estrutura HTML, CSS e JS para construir aplicativos da web ricos com o mínimo de esforço. Esta estrutura enfatiza mais a construção de aplicativos da web móveis.

Download gratuito de PDF: Perguntas e respostas da entrevista Bootstrap

---

2) Explique por que escolher o Bootstrap para construir os sites?

Existem alguns motivos pelos quais escolhemos o Bootstrap para construir sites

• Suporte Móvel: para dispositivos móveis, oferece suporte completo em um único arquivo, em vez de em um arquivo separado. Ele suporta o design responsivo, incluindo o ajuste do APF com base nos diferentes tipos de dispositivo, tamanho da tela, etc. Reduz o esforço extra dos desenvolvedores.
• Fácil de aprender: Escrever aplicativos em bootstrap é fácil se você conhece CSS e HTML
• Suporte de Navegador: Suporta todos os navegadores populares como Firefox, Opera, Safari, IE etc.

---

3) Quais são os principais componentes do Bootstrap?

Os principais componentes do Bootstrap são

• CSS: Ele vem com muitos arquivos CSS
• Andaimes: Ele fornece uma estrutura básica com sistema de grade, estilos de link e plano de fundo
• Componentes de layout: Lista de componentes de layout
• Plug-ins JavaScript: Contém muitos jQuery e plug-ins JavaScript
• Customizar : Para obter sua própria versão do framework, você pode personalizar seus componentes

---

4) Explique o que são carregadores de classes no Bootstrap?

O carregador de classes faz parte do JRE (Java Runtime Environment) que carrega classes Java no ambiente virtual Java. Os carregadores de classes também realizam o processo de conversão de uma classe nomeada em sua forma binária equivalente.

---

5) Quais são os tipos de layout disponíveis no Bootstrap?

No Bootstrap existem dois tipos de Layout disponíveis

• Layout fluido: O layout fluido é usado quando você deseja criar um aplicativo com 100% de largura e ocupar toda a largura da tela
• Layout Fixo: Para uma tela padrão você usará a opção de layout fixo (940 px)

---

6) Explique o que é Bootstrap Grid System?

Para criar o layout da página por meio de uma série de linhas e colunas que abrigam seu conteúdo, é usado o Bootstrap Grid Sytem.

---

7) O que são colunas de deslocamento no Bootstrap?

Para layouts mais especializados, os deslocamentos são um recurso útil. Para obter mais espaçamento, eles podem ser usados ​​empurrando a coluna.

Por exemplo, nos .col-xs=* classes não suportam deslocamento, mas são facilmente replicados usando uma célula vazia

---

8) O que é ordenação de colunas no Bootstrap?

A ordenação de colunas é um dos recursos disponíveis no bootstrap e você pode facilmente escrever colunas em uma ordem e mostrá-las em outra. Com .col-md-push-* e .col-md-pull-*

a ordem da coluna pode ser facilmente alterada.

---

9) Qual função você pode usar para agrupar o conteúdo de uma página?

Para quebrar o conteúdo de uma página, você pode usar .recipiente e com isso você também pode centralizar o conteúdo.

---

10) Explique o que é paginação no bootstrap e como elas são classificadas?

Paginação é o tratamento de uma lista não ordenada por bootstrap. Para lidar com a paginação, o bootstrap fornece as seguintes classes

• .paginação: Para obter paginação em sua página você deve adicionar esta classe
• .desativado, .ativo: Personalize links com .disabled para links que não podem ser clicados e .active para indicar a página atual
• .paginação-Ig, .paginação-sm: Use essas classes para obter itens de tamanhos diferentes

---

11) Qual a utilidade do Jumbotron no Bootstrap?

No bootstrap, Jumbotron é geralmente usado para conteúdo que você deseja destacar como algum slogan ou título de marketing, etc. em outras palavras, é usado para aumentar o tamanho dos títulos e adicionar uma margem para o conteúdo da página de destino

Para usar o Jumbotron no Bootstrap

• Crie um contêiner com a classe de .jumbotron

---

12) Qual a diferença entre Bootstrap e Foundation?

Bootstrap	Foundation
– Bootstrap oferece um número ilimitado de elementos de UI	– Na Foundation UI as opções de elementos são muito limitadas em números
– Bootstraps usa pixels	– REMs de uso da fundação
– Bootstrap incentiva o design para desktop e dispositivos móveis.	– A Fundação incentiva o design móvel primeiro
– Bootstrap suporta LESS como seu pré-processador	– Apoio da Fundação Sass e Compass como seu pré-processador

 

---

13) No Bootstrap quais são as duas maneiras de exibir o código?

No bootstrap você pode exibir o código de duas maneiras

• tag : Se você for exibir o código inline, você deve usar tag
• marcação: Se você deseja exibir o código como um elemento de bloco independente ou se ele possui várias linhas, você deve usar marcação

---

14) Explique quais são as etapas para a criação de formulários básicos ou verticais?

As etapas para criar formulários básicos ou verticais são

• Adicionar uma função formulário para o pai elemento
• Envolva rótulos e controles em um com classe .form-grupo. Para obter o espaçamento ideal, isso é necessário
• Adicione uma classe de .form-control para todas as texturas , e <select> elementos

---

15) Explique para que serve o plugin Modal no Bootstrap?

Um modal é uma janela filho colocada em camadas sobre sua janela pai. Usando um plug-in Jquery personalizado, o Bootstrap Modal é criado. Para enriquecer a experiência do usuário e adicionar funcionalidade aos usuários, janelas modais são criadas com a ajuda do plugin Modal.

---

16) Explique o que é Bootstrap Container?

O contêiner Bootstrap é uma classe útil e cria uma área centralizada dentro da página onde o conteúdo do nosso site pode ser colocado. A vantagem do bootstrap .container é que ele é responsivo e colocará todos os nossos outros códigos HTML.

---

17) Explique o que são elementos recolhidos do Bootstrap?

Os elementos de recolhimento do Bootstrap permitem recolher qualquer elemento específico sem escrever nenhum código JavaScript ou a marcação de acordeão. No Bootstrap, para aplicar elementos recolhíveis, você deve adicionar data-toggle= “collapse” ao elemento controlador junto com um data-target ou href para atribuir automaticamente o controle de um elemento recolhível. Da mesma forma, você pode usar .collapse (opções), .collapse ('mostrar') ou .collapse ('ocultar')

---

18) Explique o que é grupo de listas no Bootstrap e para que serve?

Grupos de listas são componentes para exibir elementos simples e complexos com conteúdo personalizado

Por exemplo, um grupo de lista simples é criado usando a classe .list-grupo para endereçar a lista e class .list-group-item para endereçar item individual.

---

19) Como você pode adicionar um crachá ao grupo de listas no Bootstrap?

Para adicionar um emblema ao grupo de listas no Bootstrap, basta adicionar dentro do elemento.

---

20) Explique o que é objeto de mídia no Bootstrap e quais são seus tipos?

Objetos de mídia no Bootstrap permitem colocar objetos de mídia como imagem, vídeo ou áudio à esquerda ou direita dos blocos de conteúdo. O elemento de mídia pode ser criado usando a classe .meios de comunicação e a fonte é especificada usando a classe .objeto de mídia. Os objetos de mídia são de dois tipos,

Eles são de dois tipos

• .meios de comunicação
• .media-list

---

21) Explique bem o que é Bootstrap?

Bootstrap bem é um contêiner isso faz com que o conteúdo pareça afundado ou com efeito de inserção na página. Para criar um poço, envolva o conteúdo que você gostaria que aparecesse no poço com um contendo a classe de .well.

 

---

22) Explique como você pode criar elementos Nav no Bootstrap?

Bootstrap oferece várias opções para estilizar elementos de navegação, todos eles usam a mesma marcação e classe base .nav.

Para criar navegação tabular ou guias

• Comece com uma lista básica não ordenada com a classe base de .nav
• Em seguida, adicione classe .nav-tabs

---

23) Explique para que serve o plugin Bootstrap Carousel?

O plugin Carousel é usado para adicionar um controle deslizante ao seu site. É útil quando você deseja exibir uma grande quantidade de conteúdo em um pequeno espaço nas páginas da web. Alguns dos carrosséis padrão incluem

• .carousel (opções)
• .carousel ('ciclo')
• .carousel ('pausa')
• .carousel ('número')
• .carousel ('anterior')
• .carousel ('próximo')

Essas perguntas da entrevista também ajudarão em sua viva (oral)