Top 25 Bootstrap-interviewspørgsmål og -svar (2025)

Her er Bootstrap-interviewspørgsmål og svar til friskere såvel som erfarne Front End-udviklerkandidater til at få deres drømmejob.

---

1) Forklar, hvad er Bootstrap?

Bootstrap er en HTML-, CSS- og JS-ramme til at bygge de rige webapplikationer med minimal indsats. Denne ramme lægger mere vægt på at bygge mobile webapplikationer.

Gratis PDF-download: Bootstrap-interviewspørgsmål og svar

---

2) Forklar hvorfor man skal vælge Bootstrap til at bygge hjemmesiderne?

Der er få grunde til, at vi vælger Bootstrap til at bygge hjemmesider

• Mobil support: For mobile enheder giver den fuld support i én enkelt fil i stedet for i en separat fil. Det understøtter det responsive design, herunder justering af CSS baseret på de forskellige typer enhed, størrelse på skærmen osv. Det reducerer ekstra indsats for udviklere.
• Let at lære: At skrive ansøgning i bootstrap er nemt, hvis du kender CSS og HTML
• Browser support: Det understøtter alle de populære browsere som Firefox, Opera, Safari, IE osv.

---

3) Hvad er de vigtigste komponenter i Bootstrap?

Nøglekomponenterne i Bootstrap er

• CSS: Den kommer med masser af CSS-filer
• Stillads: Det giver en grundlæggende struktur med Grid-system, linkstile og baggrund
• Layoutkomponenter: Liste over layoutkomponenter
• JavaScript-plugins: Den indeholder mange jQuery og JavaScript-plugins
• Tilpas: For at få din egen version af framework kan du tilpasse dine komponenter

---

4) Forklar, hvad er klasseindlæsere i Bootstrap?

Klasseindlæser er en del af JRE (Java Runtime Environment), som indlæser Java-klasser i det virtuelle Java-miljø. Klasseindlæsere udfører også processen med at konvertere en navngivet klasse til dens tilsvarende binære form.

---

5) Hvilke typer layout er tilgængelige i Bootstrap?

I Bootstrap er der to typer layout tilgængelige

• Væskelayout: Flydende layout bruges, når du vil lave en app, der er 100 % bred og opbruger hele skærmens bredde
• Fast layout: For en standardskærm vil du bruge muligheden for fast layout (940 px).

---

6) Forklar, hvad er Bootstrap Grid System?

Til at skabe sidelayout gennem en række rækker og kolonner, der rummer dit indhold, bruges Bootstrap Grid System.

---

7) Hvad er offset-kolonner i Bootstrap?

For mere specialiserede layout er offsets en nyttig funktion. For mere afstand kan de bruges ved at skubbe søjlen over.

For eksempel: .col-xs=* klasser understøtter ikke offset, men de kan nemt replikeres ved hjælp af en tom celle

---

8) Hvad er kolonnebestilling i Bootstrap?

Kolonnebestilling er en af ​​de tilgængelige funktioner i bootstrap, og du kan nemt skrive kolonner i en rækkefølge og vise dem i en anden. Med .col-md-push-* og .col-md-pull-*

rækkefølgen af ​​kolonnen kan nemt ændres.

---

9) Hvilken funktion kan du bruge til at pakke et sideindhold?

Du kan bruge til at pakke et sideindhold .beholder og ved at bruge det kan du også centrere indholdet.

---

10) Forklar, hvad paginering i bootstrap er, og hvordan de klassificeres?

Paginering er håndtering af en uordnet liste med bootstrap. For at håndtere paginering giver bootstrap følgende klasser

• .paginering: For at få paginering på din side skal du tilføje denne klasse
• .disabled, .active: Tilpas links med .disabled for uklikbare links og .active for at angive den aktuelle side
• .pagetion-Ig, .pagetion-sm: Brug disse klasser til at få varer i forskellige størrelser

---

11) Hvad er brugen af ​​Jumbotron i Bootstrap?

I bootstrap bruges Jumbotron generelt til indhold, som du ønsker at fremhæve som et slogan eller marketingoverskrift osv. med andre ord bruges det til at forstørre størrelsen af ​​overskrifterne og til at tilføje en margen til landingssideindhold

For at bruge Jumbotron i Bootstrap

• Opret en beholder med klassen .jumbotron

---

12) Hvad er forskellen mellem Bootstrap og Foundation?

Bootstrap	Foundation
- Bootstrap tilbyder ubegrænset antal UI-elementer	– I Foundation UI er elementmulighederne meget begrænsede i antal
– Bootstraps bruger pixels	– Foundation brug REM'er
– Bootstrap opfordrer til at designe til både desktop og mobil.	– Foundation opfordrer til at designe mobil først
– Bootstrap understøtter MINDRE som sin forprocessor	– Fondsstøtte frækt og Compass som forprocessor

 

---

13) I Bootstrap, hvad er de to måder, du kan vise koden på?

I bootstrap kan du vise kode på to måder

• tag : Hvis du skal vise kode inline, skal du bruge tag
• tag: Hvis du vil vise koden som et selvstændigt blokelement, eller den har flere linjer, skal du bruge tag

---

14) Forklar hvad er trinene til at skabe grundlæggende eller lodrette former?

Trinene til at oprette grundlæggende eller lodrette formularer er

• Tilføj en rolle formular til forælderen element
• Pak etiketter og kontrolelementer ind i en med klasse .form-gruppe. For at opnå optimal afstand er dette nødvendigt
• Tilføj en klasse på .form-kontrol til alle teksturl , , og <vælg> elementer

---

15) Forklar hvad Modal plugin bruges til i Bootstrap?

En modal er et underordnet vindue, der er lagdelt over dets overordnede vindue. Ved hjælp af et brugerdefineret Jquery-plugin oprettes Bootstrap Modal. For at berige brugeroplevelsen og tilføje funktionalitet til brugerne, oprettes modale vinduer ved hjælp af Modal plugin.

---

16) Forklar, hvad er Bootstrap Container?

Bootstrap-container er en klasse, som er nyttig og skaber et centreret område på siden, hvor vores webstedsindhold kan placeres. Fordelen ved bootstrap .containeren er, at den er responsiv og vil placere al vores anden HTML-kode.

---

17) Forklar, hvad er Bootstrap-sammenklappende elementer?

Bootstrap-sammenklappende elementer giver dig mulighed for at skjule et bestemt element uden at skrive nogen JavaScript-kode eller harmonikamarkeringen. I Bootstrap for at anvende sammenklappelige elementer skal du tilføje data-toggle= "kollapse" til controllerelementet sammen med et datamål eller href for automatisk at tildele kontrol over et sammenklappeligt element. Ligeledes kan du bruge .collapse (indstillinger), .collapse ('vis') eller .collapse ('skjul')

---

18) Forklar, hvad er listegruppe i Bootstrap, og hvad er brugen af ​​det?

Listegrupper er komponenter til at vise både enkle og komplekse elementer med tilpasset indhold

For eksempel oprettes en simpel listegruppe ved hjælp af klasse .liste-gruppe for at adressere listen, og klasse .list-group-item for at adressere individuelt element.

---

19) Hvordan kan du tilføje badge til listegruppen i Bootstrap?

For at tilføje badge til listegruppen i Bootstrap skal du blot tilføje inden for element.

---

20) Forklar, hvad medieobjekt i Bootstrap er, og hvad er deres typer?

Medieobjekter i Bootstrap gør det muligt at placere medieobjekter som billede, video eller lyd til venstre eller højre for indholdsblokkene. Medieelement kan oprettes ved hjælp af klassen .medier og kilden er angivet ved at bruge klassen .media-objekt. Medieobjekter er af to typer,

De er af to typer

• .medier
• .medie-liste

---

21) Forklar, hvad er Bootstrap godt?

Bootstrap well er en container der får indholdet til at fremstå forsænket eller en indsat effekt på siden. For at skabe en brønd skal du pakke det indhold, du gerne vil have vist i brønden, med en indeholdende klassen .well.

 

---

22) Forklar hvordan du kan oprette Nav-elementer i Bootstrap?

Bootstrap tilbyder forskellige muligheder for styling af navigationselementer, alle bruger den samme markup og basisklasse .nav.

For at oprette tabelnavigation eller faner

• Start med en grundlæggende uordnet liste med basisklassen på .nav
• Tilføj derefter klasse .nav-faner

---

23) Forklar, hvad er brugen af ​​Bootstrap Carousel plugin?

Karrusel-plugin'et bruges til at tilføje en skyder til dit websted. Det er nyttigt i tilstande, hvor du ønsker at vise en enorm mængde indhold inden for et lille rum på websiderne. Nogle af standardkarrusellen inkluderer

• .carousel (valgmuligheder)
• .carousel ('cyklus')
• .carousel ('pause')
• .carousel ('nummer')
• .carousel ('forrige')
• .carousel ('næste')

Disse interviewspørgsmål vil også hjælpe i din viva(orals)