Top 25 pitanja i odgovora na Bootstrap intervjuu (2025.)

Ovdje su pitanja i odgovori na intervjuu za Bootstrap za brucoše, kao i za iskusne kandidate za Front End Developera koji će dobiti posao iz snova.


1) Objasnite što je Bootstrap?

Bootstrap je HTML, CSS i JS okvir za izgradnju bogatih web aplikacija uz minimalan napor. Ovaj okvir više stavlja naglasak na izradu mobilnih web aplikacija.

Besplatno preuzimanje PDF-a: Pitanja i odgovori za Bootstrap intervju


2) Objasnite zašto odabrati Bootstrap za izradu web stranica?

Postoji nekoliko razloga zašto biramo Bootstrap za izradu web stranica

  • Podrška za mobilne uređaje: Za mobilne uređaje pruža potpunu podršku u jednoj datoteci, a ne u zasebnoj datoteci. Podržava responzivni dizajn uključujući podešavanje CSS na temelju različitih vrsta uređaja, veličine zaslona itd. Smanjuje dodatni napor za programere.
  • Lako za naučiti: Pisanje aplikacije u bootstrapu je jednostavno ako poznajete CSS i HTML
  • Podrška za preglednik: Podržava sve popularne preglednike kao što su Firefox, Opera, Safari, IE itd.

3) Koje su ključne komponente Bootstrapa?

Ključne komponente Bootstrapa su

  • CSS: Dolazi s mnogo CSS datoteka
  • Skele: Pruža osnovnu strukturu s Grid sustavom, stilovima veza i pozadinom
  • Komponente izgleda: Popis komponenti izgleda
  • JavaScript dodaci: Sadrži mnoge jQuery i JavaScript dodaci
  • Prilagodba: Da biste dobili vlastitu verziju okvira, možete prilagoditi svoje komponente

4) Objasnite što su učitavači klasa u Bootstrapu?

Učitavač klasa je dio JRE (Java Runtime Environment) koji učitava Java klase u Java virtualno okruženje. Učitavači klasa također rade proces pretvaranja imenovane klase u njen ekvivalentni binarni oblik.


5) Koje su vrste izgleda dostupne u Bootstrapu?

U Bootstrapu su dostupne dvije vrste izgleda

  • Fluidni raspored: Fluid layout se koristi kada želite izraditi aplikaciju koja je 100% široka i iskoristiti cijelu širinu zaslona
  • Fiksni izgled: Za standardni zaslon koristit ćete opciju fiksnog izgleda (940 px).
Bootstrap pitanja za intervju
Bootstrap pitanja za intervju

6) Objasnite što je Bootstrap Grid System?

Za kreiranje izgleda stranice kroz niz redaka i stupaca u kojima se nalazi vaš sadržaj koristi se Bootstrap Grid System.


7) Što su pomaknuti stupci u Bootstrapu?

Za specijaliziranije izglede pomaci su korisna značajka. Za veći razmak mogu se koristiti guranjem stupca.

Na primjer, .col-xs=* klase ne podržavaju pomak, ali se lako repliciraju pomoću prazne ćelije


8) Što je redoslijed stupaca u Bootstrapu?

Redoslijed stupaca jedna je od značajki dostupnih u bootstrapu i možete jednostavno pisati stupce redoslijedom i prikazati ih u drugom. S .col-md-push-* istodobno .col-md-pull-*

redoslijed stupca se može lako promijeniti.

Pitanja i odgovori za Bootstrap intervju
Pitanja i odgovori za Bootstrap intervju

9) Koju funkciju možete koristiti za prelamanje sadržaja stranice?

Za omotavanje sadržaja stranice možete koristiti .kontejner a pomoću toga također možete centrirati sadržaj.


10) Objasnite što je paginacija u bootstrapu i kako se klasificiraju?

Paginacija je rukovanje nesređenim popisom pomoću bootstrapa. Za rukovanje paginacijom bootstrap nudi sljedeće klase

  • .broj stranica: Da biste dobili paginaciju na svojoj stranici, morate dodati ovu klasu
  • .onemogućeno, .aktivno: Prilagodite veze prema .disabled za veze na koje se ne može kliknuti i .active za označavanje trenutne stranice
  • .pagination-Ig, .pagination-sm: Koristite ove klase da dobijete predmet različite veličine

11) Čemu služi Jumbotron u Bootstrapu?

U bootstrapu, Jumbotron se općenito koristi za sadržaj koji želite istaknuti kao neki slogan ili marketinški naslov itd. drugim riječima, koristi se za povećanje veličine naslova i dodavanje margine za sadržaj odredišne ​​stranice

Za korištenje Jumbotrona u Bootstrapu

  • Napravite spremnik s klasom .jumbotron

12) Koja je razlika između Bootstrapa i Foundationa?

Bootstrap Temelj
– Bootstrap nudi neograničen broj UI elemenata – Broj opcija elemenata korisničkog sučelja Foundation vrlo je ograničen
– Bootstraps koristi piksele – Zaklade koriste REM
– Bootstrap potiče dizajn za desktop i mobitel. – Zaklada potiče da se prvo dizajnira mobitel
– Bootstrap podržava LESS kao svoj predprocesor – Potpora Zaklade Sas i Compass kao njegov predprocesor

 


13) Koja su dva načina na koje možete prikazati kod u Bootstrapu?

U bootstrapu kod možete prikazati na dva načina

  • tag : Ako ćete kod prikazati u liniji, trebali biste koristiti tag
  • označiti: Ako želite prikazati kod kao samostalni blok element ili ima više redaka, trebali biste koristiti označiti

14) Objasnite koji su koraci za izradu osnovnih ili vertikalnih formi?

Koraci za izradu osnovnih ili okomitih formi su

  • Dodajte ulogu oblik roditelju element
  • Omotajte oznake i kontrole u a s razredom .oblik-grupa. Ovo je potrebno za postizanje optimalnog razmaka
  • Dodajte klasu .kontrola obrasca svim teksturama , , i <select> elementi

15) Objasnite za što se koristi Modalni dodatak u Bootstrapu?

Modal je podređeni prozor koji je slojevito postavljen iznad nadređenog prozora. Korištenjem prilagođenog Jquery dodatka, Bootstrap Modal se stvara. Kako bi obogatili korisničko iskustvo i dodali funkcionalnost korisnicima, kreirani su modalni prozori uz pomoć Modal plugina.


16) Objasnite što je Bootstrap kontejner?

Bootstrap spremnik je klasa koja je korisna i stvara središnje područje unutar stranice u koje se može staviti sadržaj naše stranice. Prednost bootstrap .containera je u tome što je responzivan i smjestit će sav naš drugi HTML kod.


17) Objasnite što su Bootstrap kolapsirajući elementi?

Bootstrap kolapsirajući elementi omogućuju vam da skupite bilo koji određeni element bez pisanja bilo kakvog JavaScript koda ili markupa harmonike. U Bootstrapu da biste primijenili elemente koji se sažimaju, morate dodati data-toggle= “collapse” elementu kontrolera zajedno s data-target ili href za automatsku dodjelu kontrole nad elementom koji se može sažimati. Isto tako, možete koristiti .collapse (opcije), .collapse ('show') ili .collapse ('hide')


18) Objasnite što je grupa popisa u Bootstrapu i čemu služi?

Grupe popisa komponente su za prikaz jednostavnih i složenih elemenata s prilagođenim sadržajem

Na primjer, jednostavna grupa popisa kreirana je pomoću klase .popis-grupa za adresiranje popisa i class .list-group-item za adresiranje pojedinačne stavke.


19) Kako možete dodati značku grupi popisa u Bootstrapu?

Da biste dodali značku grupi popisa u Bootstrapu, morate jednostavno dodati unutar element.


20) Objasnite što je medijski objekt u Bootstrapu i koje su njihove vrste?

Medijski objekti u Bootstrapu omogućuju postavljanje medijskih objekata poput slike, videa ili zvuka lijevo ili desno od blokova sadržaja. Medijski element može se stvoriti pomoću klase .media a izvor je naveden u korištenju klase .medijski objekt. Postoje dvije vrste medijskih objekata,

Ima ih dvije vrste

  • .media
  • .media-list

21) Objasnite što je Bootstrap dobro?

Bootstrap bunar je spremnik zbog čega sadržaj izgleda udubljeno ili kao umetnuti efekt na stranici. Kako biste napravili bušotinu, omotajte sadržaj koji želite da se pojavi u bušotini s a koji sadrži klasu .well.

 


22) Objasnite kako možete stvoriti Nav elemente u Bootstrapu?

Bootstrap nudi različite opcije za stiliziranje navigacijskih elemenata, a svi koriste iste oznake i osnovnu klasu .nav.

Za izradu tablične navigacije ili kartica

  • Započnite s osnovnim neuređenim popisom s osnovnom klasom .nav
  • Zatim dodajte klasu .nav-kartice

23) Objasnite čemu služi dodatak Bootstrap Carousel?

Dodatak Carousel koristi se za dodavanje klizača na vašu stranicu. Koristan je u uvjetima kada želite prikazati veliku količinu sadržaja na malom prostoru na web stranicama. Neki od standardnih karusela uključuju

  • .vrtuljak (opcije)
  • .vrtuljak ('ciklus')
  • .vrtuljak ('pauza')
  • .vrtuljak ('broj')
  • .vrtuljak ('prethodni')
  • .vrtuljak ('sljedeće')

Ova pitanja za intervju također će vam pomoći u vašem životu

Podijeli

14 Komentari

  1. Avatar reddu crven kaže:

    TCPDF POGREŠKA: Izričito postavite stazu atributa akcije!

    Nije moguće preuzeti PDF

    1. Nažalost, PDF neće raditi na ovom članku

  2. Avatar sateesh murapaka kaže:

    Bootstrap nije samo JS framework. To je kao definicija "Bootstrap je najpopularniji HTML, CSS i JS okvir za razvoj responzivnih, mobilnih projekata na webu." Molimo ispravite to.

    1. u pravu ste! Promjene izvršene

  3. da, molim vas, promijenite prvi redak, a ne okvir js

  4. Avatar Smarts Technologies.com kaže:

    vrlo zanimljiva pitanja za intervju

  5. Avatar Tanmay Das kaže:

    ispravi prvo pitanje. Bootstrap nije uobičajeni okvir, to je HTML, CSS i JS okvir koji se također koristi za stvaranje responzivnog dizajna i izgleda.

  6. shobhit kumar kaže:

    4) Objasnite što su učitavači klasa u Bootstrapu?
    Koncept učitavača klasa nije povezan s Twitterovim bootstrapom, budući da je ovo okruženje na strani klijenta.
    Vjerujem da je to dio java okruženja

  7. Avatar sandeep banerjee kaže:

    To je bila stvarno dobra informacija jer će feed biti dobar početak za početnike.

  8. Avatar Neistalno kaže:

    Izuzetno dobar vodič za ljude

Ostavi odgovor

Vaša adresa e-pošte neće biti objavljena. Obavezna polja su označena *