Top 25 Bootstrap-interviewvragen en antwoorden (2025)

Hier zijn Bootstrap-interviewvragen en -antwoorden voor zowel eerstejaars als ervaren Front End Developer-kandidaten om hun droombaan te krijgen.

---

1) Leg uit wat Bootstrap is?

Bootstrap is een HTML-, CSS- en JS-framework waarmee u met minimale inspanning rijke webapplicaties kunt bouwen. Dit raamwerk legt meer de nadruk op het bouwen van mobiele webapplicaties.

Gratis pdf-download: vragen en antwoorden over bootstrap-interviews

---

2) Leg uit waarom u Bootstrap kiest voor het bouwen van de websites?

Er zijn weinig redenen waarom we voor Bootstrap kiezen voor het bouwen van websites

• Mobiele Ondersteuning: Voor mobiele apparaten biedt het volledige ondersteuning in één enkel bestand in plaats van in een afzonderlijk bestand. Het ondersteunt het responsieve ontwerp, inclusief het aanpassen van de CSS gebaseerd op de verschillende soorten apparaten, de grootte van het scherm enz. Het vermindert de extra inspanning voor ontwikkelaars.
• Makkelijk te leren: Het schrijven van een applicatie in bootstrap is eenvoudig als je CSS en HTML
• Browser-ondersteuning: Het ondersteunt alle populaire browsers zoals Firefox, Opera, Safari, IE enz.

---

3) Wat zijn de belangrijkste componenten van Bootstrap?

De belangrijkste componenten van Bootstrap zijn

• CSS: Het wordt geleverd met veel CSS-bestanden
• Steiger : Het biedt een basisstructuur met rastersysteem, linkstijlen en achtergrond
• Lay-outcomponenten: Lijst met lay-outcomponenten
• JavaScript-plug-ins: Het bevat veel jQuery en JavaScript-plug-ins
• Aanpassen : Om uw eigen versie van het framework te krijgen, kunt u uw componenten aanpassen

---

4) Leg uit wat klassenladers zijn in Bootstrap?

Class Loader is een onderdeel van JRE (Java Runtime Environment) dat Java-klassen in de virtuele Java-omgeving laadt. Klasseladers voeren ook het proces uit van het converteren van een benoemde klasse naar de equivalente binaire vorm.

---

5) Welke soorten lay-outs zijn beschikbaar in Bootstrap?

In Bootstrap zijn er twee soorten lay-out beschikbaar

• Vloeiende lay-out: Vloeiende lay-out wordt gebruikt wanneer u een app wilt maken die 100% breed is en de volledige breedte van het scherm in beslag neemt
• Vaste indeling: Voor een standaardscherm gebruikt u de optie voor een vaste lay-out (940 px).

---

6) Leg uit wat het Bootstrap Grid-systeem is?

Voor het maken van een pagina-indeling via een reeks rijen en kolommen waarin uw inhoud is ondergebracht, wordt het Bootstrap Grid-systeem gebruikt.

---

7) Wat zijn offsetkolommen in Bootstrap?

Voor meer gespecialiseerde lay-outs zijn offsets een nuttige functie. Voor meer afstand kunnen ze worden gebruikt door de kolom omver te duwen.

Bijvoorbeeld .col-xs=* klassen ondersteunen geen offset, maar kunnen eenvoudig worden gerepliceerd met behulp van een lege cel

---

8) Wat is kolomvolgorde in Bootstrap?

Het ordenen van kolommen is een van de functies die beschikbaar zijn in bootstrap en u kunt eenvoudig kolommen in een bepaalde volgorde schrijven en ze in een andere volgorde weergeven. Met .col-md-push-* en .col-md-pull-*

de volgorde van de kolom kan eenvoudig worden gewijzigd.

---

9) Welke functie kunt u gebruiken om de inhoud van een pagina in te pakken?

Om een ​​pagina-inhoud in te pakken, kunt u deze gebruiken .container en daarmee kun je de inhoud ook centreren.

---

10) Leg uit wat paginering in bootstrap is en hoe ze worden geclassificeerd?

Paginering is de afhandeling van een ongeordende lijst via bootstrap. Voor het afhandelen van paginering biedt bootstrap de volgende klassen

• .paginering: Om paginering op uw pagina te krijgen, moet u deze klasse toevoegen
• .uitgeschakeld, .actief: Pas links aan met .disabled voor niet-klikbare links en met .active om de huidige pagina aan te geven
• .paginatie-Ig, .paginering-sm: Gebruik deze klassen om items van verschillende grootte te krijgen

---

11) Wat is het gebruik van Jumbotron in Bootstrap?

In bootstrap wordt Jumbotron over het algemeen gebruikt voor inhoud die u wilt benadrukken, zoals een slogan of marketingkop enz. Met andere woorden, het wordt gebruikt om de kopteksten te vergroten en een marge toe te voegen voor de inhoud van de bestemmingspagina.

Om de Jumbotron in Bootstrap te gebruiken

• Maak een container met de klasse van .jumbotron

---

12) Wat is het verschil tussen Bootstrap en Foundation?

Bootstrap	De basis
– Bootstrap biedt een onbeperkt aantal UI-elementen	– In Foundation UI zijn de elementopties zeer beperkt in aantal
– Bootstraps maakt gebruik van pixels	– Foundation gebruikt REM’s
– Bootstrap moedigt aan om te ontwerpen voor zowel desktop als mobiel.	– Foundation moedigt aan om mobile first te ontwerpen
– Bootstrap ondersteunt LESS als preprocessor	– Ondersteuning van de stichting Sass en Compass als preprocessor

 

---

13) Op welke twee manieren kunt u in Bootstrap de code weergeven?

In bootstrap kun je code op twee manieren weergeven

• tag : Als u code inline wilt weergeven, moet u tag gebruiken
• label: Als u de code als een zelfstandig blokelement wilt weergeven of als deze uit meerdere regels bestaat, moet u dit gebruiken label

---

14) Leg uit wat de stappen zijn voor het creëren van basis- of verticale vormen?

De stappen voor het maken van basis- of verticale vormen zijn:

• Voeg een rol toe formulier aan de ouder element
• Verpak labels en bedieningselementen in een met klasse .form-groep. Om een ​​optimale afstand te bereiken is dit nodig
• Voeg een klasse toe .vormcontrole naar alle texturen , en <select>-elementen

---

15) Leg uit waarvoor de Modal-plug-in wordt gebruikt in Bootstrap?

Een modaal is een onderliggend venster dat over het bovenliggende venster heen wordt gelegd. Met behulp van een aangepaste JQuery-plug-in wordt Bootstrap Modal gemaakt. Om de gebruikerservaring te verrijken en functionaliteit aan gebruikers toe te voegen, worden modale vensters gemaakt met behulp van de Modal-plug-in.

---

16) Leg uit wat Bootstrap Container is?

Bootstrap-container is een klasse die nuttig is en een gecentreerd gebied op de pagina creëert waar onze site-inhoud kan worden geplaatst. Het voordeel van de bootstrap .container is dat deze responsief is en al onze andere HTML-code zal plaatsen.

---

17) Leg uit wat Bootstrap-instortende elementen zijn?

Met Bootstrap-inklapbare elementen kunt u elk specifiek element samenvouwen zonder JavaScript-code of de accordeonmarkering te schrijven. Als u in Bootstrap samenvouwende elementen wilt toepassen, moet u data-toggle= “collapse” aan het controllerelement toevoegen, samen met een data-target of href om automatisch de controle over een samenvouwbaar element toe te wijzen. Op dezelfde manier kunt u .collapse (opties), .collapse ('show') of .collapse ('hide') gebruiken

---

18) Leg uit wat een lijstgroep is in Bootstrap en wat is het nut ervan?

Lijstgroepen zijn componenten om zowel eenvoudige als complexe elementen met aangepaste inhoud weer te geven

Er wordt bijvoorbeeld een eenvoudige lijstgroep gemaakt met behulp van class .list-groep om de lijst te adresseren, en class .list-group-item om individueel item te adresseren.

---

19) Hoe kunt u een badge toevoegen aan een lijstgroep in Bootstrap?

Om een ​​badge toe te voegen aan de lijstgroep in Bootstrap, hoeft u alleen maar toe te voegen binnen de element.

---

20) Leg uit wat mediaobjecten in Bootstrap zijn en wat zijn de typen ervan?

Media-objecten in Bootstrap maken het mogelijk om media-objecten zoals afbeelding, video of audio links of rechts van de inhoudsblokken te plaatsen. Media-element kan worden gemaakt met behulp van de klasse .media en de bron wordt gespecificeerd bij het gebruik van de klasse .media-object. Media-objecten zijn van twee typen:

Er zijn twee soorten

• .media
• .media-lijst

---

21) Leg goed uit wat Bootstrap is?

Bootstrap-put is een container waardoor de inhoud verzonken of een ingevoegd effect op de pagina lijkt. Om een ​​put te maken, verpakt u de inhoud die u in de put wilt laten verschijnen met een met de klasse van .well.

 

---

22) Leg uit hoe je Nav-elementen kunt maken in Bootstrap?

Bootstrap biedt verschillende opties voor het stylen van navigatie-elementen. Ze gebruiken allemaal dezelfde markup en basisklasse .nav.

Om tabelnavigatie of tabbladen te maken

• Begin met een eenvoudige ongeordende lijst met de basisklasse van .middelpunt
• Voeg dan klasse toe .nav-tabbladen

---

23) Leg uit wat het gebruik van de Bootstrap Carousel-plug-in is?

De Carousel-plug-in wordt gebruikt om een ​​slider aan uw site toe te voegen. Het is handig als u een grote hoeveelheid inhoud in een kleine ruimte op de webpagina's wilt weergeven. Een deel van de standaardcarrousel omvat

• .carrousel (opties)
• .carrousel ('cyclus')
• .carrousel ('pauze')
• .carrousel ('nummer')
• .carrousel ('vorige')
• .carrousel ('volgende')

Deze interviewvragen zullen ook helpen bij je viva (oralen)