25 parasta Bootstrap-haastattelun kysymystä ja vastausta (2025)

Tässä on Bootstrap-haastattelukysymyksiä ja vastauksia fuksilaisille sekä kokeneille Front End Developer -ehdokkaille saadakseen unelmatyönsä.

---

1) Selitä mikä on Bootstrap?

Bootstrap on HTML-, CSS- ja JS-kehys monipuolisten verkkosovellusten rakentamiseen pienellä vaivalla. Tämä kehys korostaa enemmän mobiiliverkkosovellusten rakentamista.

Ilmainen PDF-lataus: Bootstrap-haastattelun kysymyksiä ja vastauksia

---

2) Selitä miksi valita Bootstrap verkkosivustojen rakentamiseen?

On vain muutamia syitä, miksi valitsemme Bootstrapin verkkosivustojen rakentamiseen

• Mobiilituki: Mobiililaitteille se tarjoaa täyden tuen yhdessä tiedostossa erillisen tiedoston sijaan. Se tukee responsiivista suunnittelua, mukaan lukien säätämistä CSS perustuu erityyppisiin laitteisiin, näytön kokoon jne. Se vähentää kehittäjien ylimääräistä vaivaa.
• Helppo oppia: Sovelluksen kirjoittaminen bootstrapissa on helppoa, jos osaat CSS:n ja HTML
• Selaimen tuki: Se tukee kaikkia suosittuja selaimia, kuten Firefox, Opera, Safari, IE jne.

---

3) Mitkä ovat Bootstrapin avainkomponentit?

Bootstrapin avainkomponentit ovat

• CSS: Sen mukana tulee runsaasti CSS-tiedostoja
• Telineet: Se tarjoaa perusrakenteen Grid-järjestelmällä, linkkityyleillä ja taustalla
• Asettelukomponentit: Asettelukomponenttien luettelo
• JavaScript-laajennukset: Se sisältää monia jQuery ja JavaScript-laajennukset
• Mukauta: Saadaksesi oman version puitteista voit mukauttaa komponenttejasi

---

4) Selitä, mitä ovat luokkalataajat Bootstrapissa?

Class loader on osa JRE:tä (Java Runtime Environment), joka lataa Java-luokat Java-virtuaaliympäristöön. Luokkalataajat myös muuntaa nimetyn luokan vastaavaan binäärimuotoon.

---

5) Millaisia ​​asettelutyyppejä Bootstrapissa on saatavilla?

Bootstrapissa on saatavilla kahdenlaisia ​​asetteluja

• Nesteen asettelu: Sujuvaa asettelua käytetään, kun haluat luoda sovelluksen, joka on 100 % leveä ja käyttää koko näytön leveyden.
• Kiinteä asettelu: Vakionäytössä käytät kiinteää asettelua (940 px).

---

6) Selitä mikä on Bootstrap Grid System?

Sivun asettelun luomiseen rivien ja sarakkeiden avulla, jotka sisältävät sisältösi, käytetään Bootstrap Grid -järjestelmää.

---

7) Mitä offset-sarakkeet ovat Bootstrapissa?

Erikoisemmissa asetteluissa siirtymät ovat hyödyllinen ominaisuus. Lisää etäisyyttä niitä voidaan käyttää työntämällä pilari yli.

Esimerkiksi .col-xs=* luokat eivät tue offsetia, mutta ne on helppo replikoida tyhjästä solusta

---

8) Mikä on sarakkeiden järjestys Bootstrapissa?

Sarakkeiden järjestys on yksi bootstrapissa käytettävissä olevista ominaisuuksista, ja voit helposti kirjoittaa sarakkeita järjestykseen ja näyttää ne toisessa. Kanssa .col-md-push-* ja .col-md-pull-*

sarakkeen järjestystä voidaan helposti muuttaa.

---

9) Mitä toimintoa voit käyttää sivun sisällön käärimiseen?

Voit kääriä sivun sisällön .container ja sen avulla voit myös keskittää sisällön.

---

10) Selitä, mikä sivutus bootstrapissa on ja miten ne luokitellaan?

Sivutus on järjestämättömän luettelon käsittelyä bootstrapin avulla. Käsitelläksesi sivutusta bootstrap tarjoaa seuraavat luokat

• .sivunumerointi: Saadaksesi sivutusta sivullesi sinun on lisättävä tämä luokka
• .disabled, .active: Muokkaa linkkejä valitsemalla .disabled, jos linkit eivät ole klikattavia, ja .active osoittamaan nykyisen sivun
• .pagination-Ig, .pagination-sm: Käytä näitä luokkia saadaksesi erikokoisia tuotteita

---

11) Mitä hyötyä Jumbotronista on Bootstrapissa?

Bootstrapissa Jumbotronia käytetään yleensä sisällölle, jota halutaan korostaa, kuten jokin iskulause tai markkinointiotsikko jne. toisin sanoen sitä käytetään otsikoiden koon suurentamiseen ja marginaalin lisäämiseen aloitussivun sisällölle

Jumbotronin käyttäminen Bootstrapissa

• Luo säilö .jumbotron-luokan kanssa

---

12) Mitä eroa on Bootstrapin ja Foundationin välillä?

Bootstrap	perusta
- Bootstrap tarjoaa rajoittamattoman määrän käyttöliittymäelementtejä	– Foundation UI -elementtivaihtoehtojen määrä on hyvin rajallinen
– Bootstraps käyttää pikseleitä	– Säätiö käyttää REM:iä
– Bootstrap kannustaa suunnittelemaan sekä pöytäkoneille että mobiililaitteille.	– Säätiö kannustaa suunnittelemaan ensin mobiili
– Bootstrap-tuki VÄHEMMÄN esiprosessorina	– Säätiön tuki nenäkkyys ja Compass sen esikäsittelijänä

 

---

13) Millä kahdella tavalla voit näyttää koodin Bootstrapissa?

Bootstrapissa voit näyttää koodin kahdella tavalla

• tag : Jos aiot näyttää koodin rivissä, sinun tulee käyttää tag
• tag: Jos haluat näyttää koodin erillisenä lohkoelementtinä tai siinä on useita rivejä, sinun tulee käyttää tag

---

14) Selitä, mitkä ovat perus- tai pystylomakkeiden luomisen vaiheet?

Perus- tai pystylomakkeiden luomisen vaiheet ovat

• Lisää rooli muoto vanhemmalle elementti
• Kääri tarrat ja säätimet a luokan kanssa .form-ryhmä. Tämä on tarpeen optimaalisen etäisyyden saavuttamiseksi
• Lisää luokka .form-control kaikkiin tekstuuriin , , ja <select> -elementtejä

---

15) Selitä, mihin Modal-laajennusta käytetään Bootstrapissa?

Modaali on ali-ikkuna, joka on kerrostettu sen ylätason ikkunan päälle. Bootstrap Modal luodaan mukautetun Jquery-liitännäisen avulla. Modaaliset ikkunat luodaan Modal pluginin avulla käyttökokemuksen rikastamiseksi ja toiminnallisuuden lisäämiseksi käyttäjille.

---

16) Selitä mikä on Bootstrap Container?

Bootstrap-säilö on hyödyllinen luokka, joka luo sivulle keskitetyn alueen, johon sivustomme sisältöä voidaan sijoittaa. Bootstrap .containerin etuna on, että se on responsiivinen ja sijoittaa kaiken muun HTML-koodimme.

---

17) Selitä, mitä Bootstrap tiivistää elementtejä?

Bootstrap-kutistavien elementtien avulla voit tiivistää minkä tahansa tietyn elementin kirjoittamatta JavaScript-koodia tai haitarimerkintöjä. Bootstrapissa kutistuvien elementtien käyttämiseksi sinun on lisättävä data-toggle= “collapse” ohjainelementtiin sekä datakohde tai href, jotta kutistuvan elementin hallinta määritetään automaattisesti. Samoin voit käyttää .collapse (vaihtoehdot), .collapse ('näytä') tai .collapse ('piilota')

---

18) Selitä mikä on listaryhmä Bootstrapissa ja mitä hyötyä siitä on?

Luetteloryhmät ovat komponentteja, jotka näyttävät sekä yksinkertaisia ​​että monimutkaisia ​​elementtejä mukautetulla sisällöllä

Esimerkiksi yksinkertainen luetteloryhmä luodaan käyttämällä luokkaa .list-ryhmä Osoittaa luettelon ja luokka .list-group-item yksittäisen kohteen.

---

19) Kuinka voit lisätä tunnuksen luetteloryhmään Bootstrapissa?

Lisää merkki Bootstrapin luetteloryhmään sinun on yksinkertaisesti lisättävä sisällä elementti.

---

20) Selitä, mikä Bootstrapin mediaobjekti on ja mitkä ovat niiden tyypit?

Mediaobjektit Bootstrapissa mahdollistavat mediaobjektien, kuten kuvan, videon tai äänen, sijoittamisen sisältölohkojen vasemmalle tai oikealle puolelle. Mediaelementti voidaan luoda luokan avulla .media ja lähde on määritelty käyttämällä luokkaa .media-objekti. Media-objekteja on kahta tyyppiä,

Niitä on kahta tyyppiä

• .media
• .media-lista

---

21) Selitä, mikä on Bootstrap hyvin?

Bootstrap well on kontti joka saa sisällön näyttämään upotetulta tai upotetun vaikutelman sivulla. Kaivon luomiseksi kääri sisältö, jonka haluat näkyvän kaivossa, a sisältää luokan .well.

 

---

22) Selitä, kuinka voit luoda Nav-elementtejä Bootstrapissa?

Bootstrap tarjoaa erilaisia ​​vaihtoehtoja navigointielementtien muotoiluun, ja ne kaikki käyttävät samaa merkintää ja perusluokkaa .nav.

Taulukkonavigoinnin tai välilehtien luominen

• Aloita järjestämättömästä perusluettelosta, jonka perusluokka on .nav
• Lisää sitten luokka .nav-välilehdet

---

23) Selitä, mitä Bootstrap Carousel -laajennusta käytetään?

Carousel-laajennusta käytetään lisäämään liukusäädin sivustollesi. Se on hyödyllinen tilanteessa, jossa haluat näyttää valtavan määrän sisältöä pienessä tilassa verkkosivuilla. Jotkut vakiokaruselli sisältää

• .carousel (valinnat)
• .carousel ("sykli")
• .carousel ("tauko")
• .carousel ('numero')
• .carousel ('edellinen')
• .carousel ('seuraava')

Nämä haastattelukysymykset auttavat myös vivassasi (suullinen)