A Bootstrap-interjúk 25 legnépszerűbb kérdése és válasza (2025)

Renée SándorByRenée Sándor Óra Utoljára frissítve:

Íme a Bootstrap interjú kérdései és válaszai a kezdőknek, valamint a tapasztalt Front End fejlesztőjelölteknek, hogy megszerezzék álmaik állásukat.

1) Magyarázza el, mi az a Bootstrap?

A Bootstrap egy HTML, CSS és JS keretrendszer gazdag webalkalmazások létrehozásához minimális erőfeszítéssel. Ez a keretrendszer nagyobb hangsúlyt fektet a mobil webes alkalmazások létrehozására.

Ingyenes PDF letöltés: Bootstrap-interjú kérdések és válaszok

2) Magyarázza el, miért válassza a Bootstrapet a webhelyek elkészítéséhez?

Kevés oka van annak, hogy miért válasszuk a Bootstrapet webhelyek készítéséhez

  • Mobil támogatás: Mobileszközök esetén teljes támogatást nyújt egyetlen fájlban, nem pedig külön fájlban. Támogatja az érzékeny kialakítást, beleértve a beállítást is CSS a különböző típusú eszközöktől, a képernyő méretétől stb. alapul. Csökkenti a fejlesztők többlet erőfeszítéseit.
  • Könnyű megtanulni: Alkalmazás írása bootstrapben egyszerű, ha ismeri a CSS-t és HTML
  • Böngésző támogatás: Támogatja az összes népszerű böngészőt, mint a Firefox, Opera, Safari, IE stb.
Ne hagyd ki:

3) Melyek a Bootstrap legfontosabb összetevői?

A Bootstrap legfontosabb összetevői a következők

  • CSS: Rengeteg CSS fájlt tartalmaz
  • Állványzat: Alapstruktúrát biztosít a Grid rendszerrel, hivatkozásstílusokkal és háttérrel
  • Elrendezés összetevői: Az elrendezés összetevőinek listája
  • JavaScript beépülő modulok: Sok mindent tartalmaz jQuery és JavaScript bővítmények
  • Testreszab : A keretrendszer saját verziójának beszerzéséhez testreszabhatja az összetevőket

4) Magyarázza el, mik azok az osztálybetöltők a Bootstrapben?

Az osztálybetöltő a JRE (Java Runtime Environment) része, amely Java osztályokat tölt be a Java virtuális környezetbe. Az osztálybetöltők azt is elvégzik, hogy egy elnevezett osztályt egyenértékű bináris alakjukká alakítanak át.

5) Milyen típusú elrendezések érhetők el a Bootstrapben?

A Bootstrapben kétféle elrendezés érhető el

  • Folyékony elrendezés: A folyékony elrendezést akkor használja, ha olyan alkalmazást szeretne létrehozni, amely 100%-ban széles, és a képernyő teljes szélességét használja.
  • Rögzített elrendezés: Normál képernyő esetén fix elrendezés (940 px) opciót kell használni
Bootstrap interjúkérdések
Bootstrap interjúkérdések

6) Magyarázza el, mi az a Bootstrap Grid System?

A tartalmat tartalmazó sorok és oszlopok oldalelrendezésének létrehozásához a Bootstrap Grid rendszert használják.

7) Mik azok az offset oszlopok a Bootstrapben?

Speciálisabb elrendezések esetén az eltolás hasznos funkció. A nagyobb távolság érdekében az oszlop áttolásával használhatók.

Például, .col-xs=* osztályok nem támogatják az eltolást, de könnyen replikálhatók üres cella használatával

8) Mi az oszlopsorrend a Bootstrapben?

Az oszlopok rendezése a bootstrap egyik funkciója, és könnyedén beírhatja az oszlopokat sorrendbe, és megjelenítheti őket egy másikban. Val vel .col-md-push-* és a .col-md-pull-*

az oszlop sorrendje könnyen megváltoztatható.

Bootstrap interjú kérdések és válaszok
Bootstrap interjú kérdések és válaszok

9) Milyen funkcióval burkolhatod az oldal tartalmát?

Az oldal tartalmának burkolásához használhatja .tartály és ennek segítségével középre is állíthatja a tartalmat.

10) Magyarázza el, mi az oldalszámozás a bootstrapben, és hogyan osztályozzák őket?

A lapozás egy rendezetlen lista bootstrap általi kezelése. A lapozás kezeléséhez a bootstrap a következő osztályokat kínálja

  • .lapszámozás: Ahhoz, hogy lapozható legyen az oldala, fel kell vennie ezt az osztályt
  • .disabled, .active: Testreszabhatja a hivatkozásokat a .disabled karakterrel a nem kattintható hivatkozások esetén, és az .active karakterrel az aktuális oldal jelzésére
  • .pagination-Ig, .pagination-sm: Használja ezeket az osztályokat különböző méretű tárgyak beszerzéséhez

11) Mire jó a Jumbotron a Bootstrapben?

A bootstrap-ben a Jumbotront általában olyan tartalmakhoz használják, amelyeket ki akarnak emelni, például valamilyen szlogen vagy marketing címsor stb. Más szóval a címsorok méretének növelésére és margó hozzáadására a céloldal tartalmához.

A Jumbotron használata a Bootstrapben

  • Hozzon létre egy tárolót a .jumbotron osztályával

12) Mi a különbség a Bootstrap és a Foundation között?

Bootstrap Alapítvány
– A Bootstrap korlátlan számú felhasználói felület elemet kínál – Az Foundation UI-ban az elemek száma nagyon korlátozott
– A Bootstraps pixeleket használ – Alapozó REM-ek használata
– A Bootstrap arra ösztönzi a tervezést, hogy mind az asztali, mind a mobileszközön használható legyen. – Az Alapítvány arra biztat, hogy először tervezzen mobilt
– A Bootstrap KEVESEBB támogatást nyújt előfeldolgozóként – Alapítványi támogatás Sass és a Compass előfeldolgozója

 

13) Milyen két módon jelenítheti meg a kódot a Bootstrapben?

A bootstrapben kétféleképpen jelenítheti meg a kódot

  • tag : Ha soron belül szeretné megjeleníteni a kódot, használja tag
  • címke: Ha a kódot önálló blokkelemként szeretné megjeleníteni, vagy több sorból áll, akkor használja címke

14) Magyarázza el, melyek az alap- vagy függőleges űrlapok létrehozásának lépései?

Az alapvető vagy függőleges űrlapok létrehozásának lépései a következők

  • Szerep hozzáadása forma a szülőnek elem
  • Csomagolja be a címkéket és a vezérlőket a osztállyal .form-csoport. Az optimális távolság eléréséhez erre van szükség
  • Adjon hozzá egy osztályt .form-control minden texturlhoz , , és <select> elemeket

15) Magyarázza el, mire használják a Modal bővítményt a Bootstrapben?

A modális egy gyermekablak, amely a szülőablak fölé van rétegezve. Egy egyéni Jquery beépülő modul használatával létrejön a Bootstrap Modal. A felhasználói élmény gazdagítása és a felhasználók funkcionalitásának növelése érdekében a Modal plugin segítségével modális ablakok jönnek létre.

16) Magyarázza el, mi az a Bootstrap Container?

A Bootstrap konténer egy olyan osztály, amely hasznos, és egy középpontos területet hoz létre az oldalon, ahová webhelyünk tartalma elhelyezhető. A bootstrap .container előnye, hogy reszponzív, és elhelyezi az összes többi HTML kódunkat.

17) Magyarázza el, mi az, hogy a Bootstrap összecsukja az elemeket?

A Bootstrap összecsukható elemei lehetővé teszik egy adott elem összecsukását anélkül, hogy JavaScript-kódot vagy harmonika jelölést írna. A Bootstrapban az összecsukható elemek alkalmazásához hozzá kell adnia a data-toggle= “collapse” értéket a vezérlőelemhez, valamint egy adatcélt vagy href-et, hogy automatikusan hozzárendelje az összecsukható elem vezérlését. Hasonlóképpen használhatja a .collapse (opciók), a .collapse ('megjelenítés') vagy a .collapse ('elrejtés') karaktereket.

18) Magyarázza el, mi az a listacsoport a Bootstrapben, és mi a haszna?

A listacsoportok olyan összetevők, amelyek egyszerű és összetett elemeket is megjelenítenek egyéni tartalommal

Például egy egyszerű listacsoport az osztály használatával jön létre .lista-csoport a lista megcímzéséhez, a .list-group-item osztály pedig az egyes tételekhez.

19) Hogyan adhat hozzá jelvényt a Bootstrap listacsoportjához?

Ahhoz, hogy jelvényt adjon a listacsoporthoz a Bootstrapben, egyszerűen hozzá kell adnia belül elem.

20) Magyarázza el, mi a Bootstrap médiaobjektuma, és milyen típusai vannak?

A Bootstrap médiaobjektumai lehetővé teszik a médiaobjektumok, például kép, videó vagy hang elhelyezését a tartalomblokkok bal vagy jobb oldalán. A médiaelem az osztály segítségével hozható létre .média a forrás pedig az osztály használatával van megadva .média-objektum. A médiaobjektumok két típusból állnak,

Két típusuk van

  • .média
  • .media-list

21) Magyarázza el, mi a jó a Bootstrap?

A Bootstrap well egy konténer ami azt eredményezi, hogy a tartalom elsüllyedtnek vagy beillesztett hatásnak tűnik az oldalon. Kút létrehozásához csomagolja be azt a tartalmat, amelyet meg szeretne jeleníteni a kútban a amely tartalmazza a .well osztályát.

 

22) Magyarázza el, hogyan hozhat létre Nav elemeket a Bootstrapben?

A Bootstrap különféle lehetőségeket kínál a navigációs elemek stílusozásához, mindegyik ugyanazt a jelölést és a .nav alaposztályt használja.

Táblázatos navigáció vagy lapok létrehozása

  • Kezdje egy alapvető rendezetlen listával a(z) alaposztályával .nav
  • Ezután adja hozzá az osztályt .nav-tabs

23) Magyarázza el, mire szolgál a Bootstrap Carousel beépülő modul?

A Carousel beépülő modul egy csúszka hozzáadására szolgál webhelyéhez. Hasznos abban az esetben, ha nagy mennyiségű tartalmat szeretne megjeleníteni egy kis helyen a weboldalakon. Néhány standard körhinta tartalmaz

  • .carousel (opciók)
  • .carousel ("ciklus")
  • .carousel ("szünet")
  • .carousel ('szám')
  • .carousel ('előző')
  • .carousel ('következő')

Ezek az interjúkérdések a viva-ban is segítenek.

Megosztás

Talán tetszene:

14 Comments

  1. Avatar reddu reddy mondja:

    TCPDF HIBA: Kérjük, kifejezetten állítsa be az akció attribútum elérési útját!

    PDF letöltése nem lehetséges

    Válasz

    1. Sajnos a PDF nem fog működni ezen a cikken

      Válasz
  3. Avatar sateesh murapaka mondja:

    A Bootstrap nem csak a JS keretrendszer. Olyan ez, mint egy definíció: „A Bootstrap a legnépszerűbb HTML, CSS és JS keretrendszer a reszponzív, mobil első projektek fejlesztéséhez az interneten.” Kérjük, javítsa ki.

    Válasz

    1. Igazad van! Változások megtörtént

      Válasz

  4. igen pls az első sort módosítsd, ne a js keretrendszert

    Válasz
  5. Avatar Smarts Technologies.com mondja:

    nagyon érdekes interjúkérdések

    Válasz
  6. Avatar Tanmay Das mondja:

    javítsd ki az első kérdést. A Bootstrap nem egy általános keretrendszer, hanem HTML, CSS és JS keretrendszer, és reszponzív tervezés és elrendezés létrehozására is használható.

    Válasz
  7. shobhit kumar mondja:

    4) Magyarázza el, mik azok az osztálybetöltők a Bootstrapben?
    Az osztálybetöltő koncepció nem kapcsolódik a Twitter rendszerindításhoz, mivel ez egy kliens oldali környezet.
    Szerintem a java környezet része

    Válasz
  8. Avatar sandeep banerjee mondja:

    Ez nagyon jó információ volt, mivel a takarmány jó kezdet lesz a kezdőknek.

    Válasz
  9. Avatar Unisztális mondja:

    Rendkívül jó útmutató az embereknek

    Válasz

Hagy egy Válaszol

E-mail címed nem kerül nyilvánosságra. Kötelező kitölteni *