top 51 bootstrap interview questions
Najpogostejša vprašanja in odgovori za intervju z Bootstrapom:
Tukaj smo v ta članek vključili seznam najbolj priljubljenih vprašanj in odgovorov za razbijanje intervjuja Bootstrap.
To bo pomagalo razbiti intervju tako za izkušene kot tudi za bolj sveže kandidate.
Pojdimo!!
Najbolj priljubljena vprašanja in odgovori za intervju z Bootstrapom
Začnimo!!
V # 1) Določite zagonski trak.
Odgovor: Bootstrap je vmesnik, ki se uporablja za ustvarjanje spletnih aplikacij HTML, CSS in JS. Njegova postavitev je zelo odzivna, hitra in enostavna za uporabo. Večinoma se osredotoča na izdelavo mobilne aplikacije z oblikovalskimi predlogami za ustvarjanje uporabniškega vmesnika, kot so spustni meni, obrazci, gumbi, zavihek z opozorili itd.
V # 2) Zakaj se Bootstrap uporablja za razvoj mobilnega spleta?
Odgovor: Uporablja se za razvoj mobilnega spleta, saj ima odzivne modele in predloge, ki so enostavni za uporabo.
V # 3) Pojasnite funkcije Bootstrapa.
Odgovor: Njegove značilnosti vključujejo:
- Odprta koda za uporabo
- Združljivost z vsemi brskalniki.
- Odzivni modeli
- Enostaven za uporabo in hiter.
V # 4) Določite ključne komponente Bootstrapa.
Odgovor: Njegove komponente vključujejo:
- Odri: Ima mrežni sistem, ozadje, sloge.
- JS vtičniki: Vsebuje vtičnike JS in jQuery.
- Prilagoditi: Lahko prilagodi okvire.
- CSS: Vsebuje datoteke CSS.
V # 5) Kaj razumete pod vsebnikom Bootstrap?
Odgovor: Zabojnik Bootstrap se obnaša kot vsebnik, kamor lahko vstavite kodo HTML, in je del strani, kamor lahko postavite vsebino spletnega mesta, da bo odziven in hiter.
V # 6) Kaj mislite z Bootstrap Classloader?
Odgovor: Nalagalnik razreda Bootstrap je del jave in glavni roditeljski razred nalagalnika razredov.
Q # 7)Kakov Bootstrapu obstaja veliko vrst postavitev?
Odgovor: V Bootstrapu sta dve vrsti postavitev.
To so:
- Tekoča postavitev
- Fiksna postavitev
V # 8) Določite postavitev tekočine.
Odgovor: Postavitev tekočine je uporabna, kadar morate narediti aplikacijo, ki vključuje celotno širino zaslona, tj. Postavitev tekočine se prilagodi glede na velikost brskalnika.
V # 9) Določite fiksno postavitev.
Odgovor: Fiksna postavitev je odzivna in enostavna za uporabo, vendar se tako kot fluidna postavitev ne more prilagoditi glede na velikost brskalnika. Fiksna postavitev bi morala biti v večini primerov 940 px.
V # 10) Kako lahko v Bootstrapu prikažete kodo?
Odgovor: Kodo lahko prikažete na dva načina, torej z uporabo tag and by using the tag.
Q #11) When will you use tag and tag?
Answer: tag is used to show the code inline and tag is used to show code with multiple lines.
Q # 12) What is a progress bar in bootstrap?
Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.
Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.
Answer: The contextual classes used with progressive bar are as follows.
kopira matriko v drugo matriko java
- Progress-success
- Progress-info
- Progress-warning
- Progress-danger
Q # 14) What are responsive utility classes in Bootstrap?
Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.
Example: “hidden-md-down”, It hides
Q # 15) What are the different button styles in Bootstrap?
Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.
- .btn-default.
- .btn-primary
- .btn-success
- .btn-info
- .btn-warning.
- .btn-danger.
- .btn-link.
Q # 16) What are Bootstrap alerts?
Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.
There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.
Q # 17) Define Bootstrap thumbnails.
Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.
This will add four pixels of padding and a grey border.
katera je najboljša programska oprema za upravljanje nalog
Q # 18) Explain Modal plugin in Bootstrap.
Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.
Q # 19) Which class is used for pagination in Bootstrap?
Answer: To add pagination on the webpage we have to use the class .pagination .
Q # 20) Explain what is Bootstrap collapsing elements.
Answer: It allows you to collapse any particular element without using any JavaScript code.
To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.
Q # 21) What is Bootstrap Well?
Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.
Q # 22) Explain the uses of the carousel plugin in Bootstrap.
Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.
Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .
Q # 23) What will be the output of the below code and why?
75% successfully completed 30% completed with warnings 15% did not complete Odgovor: Če postavimo več palic z istim .progress nadrejeni element, Bootstrap jih bo kopičil v eno samo vrstico napredka. Kot vemo, je v bootstrapu vsota vrstice napredka 100%. Torej, vrstica napredka bo rezultat dala v polni širini in v celoti poseljena.
Vprašanje # 24) Kako lahko prilagodimo povezave do strani v Bootstrapu?
Odgovor: Povezave lahko prilagodimo z uporabo .onemogočeno za povezave, ki jih ni mogoče klikniti in .aktiven za prikaz trenutne strani.
Vprašanje # 25) Pojasnite vhodno skupino v Bootstrapu.
Odgovor: Skupina vnosov v zagonskem strežniku je podana iz kontrolnikov. Z uporabo vnosne skupine lahko vhodom, ki temeljijo na besedilu, zlahka dodamo dodano in dodano besedilo ali gumb.
Elemente lahko dodamo in dodamo v a .form-control tako da vzamete vse elemente v razredu pod .input-group. Po tem postavite svojo dodatno vsebino vv isti z uporabo razreda .input-group-addon po tem lahko postaviteelement pred ali za vhodnim elementom.
Vprašanje # 26) Napišite načine za ustvarjanje navigacijskega menija z zavihki v Bootstrapu.
Odgovor: Navigacijo z zavihki lahko ustvarimo tako, da sestavimo osnovni neurejeni seznam z osnovnim razredom .niso in po tem lahko dodamo razred .nav-zavihki .
Vprašanje # 27) Kako lahko v Bootstrapu ustvarite meni za navigacijo s tabletami?
Odgovor: Meni za krmarjenje po tabletah v zagonskem strežniku je ustvarjen tako, da najprej naredite neurejen seznam z osnovnim razredom .niso in po tem dodajte razred .nav-tablete .
Vprašanje # 28) Kako navbar deluje v Bootstrapu?
Odgovor: V bootstrapu je navbar glavna značilnost za izdelavo odzivne metakomponente, ki deluje kot glava navigacije za vašo aplikacijo in spletno mesto. V pogledu za mobilne naprave se vrstica za krmarjenje seseda in postane vodoravna, ko se poveča razpoložljiva širina prikaza
Vprašanje # 29) Kako lahko v Bootstrapu ustvarimo vrstico za krmarjenje?
Odgovor: Če želite najprej narediti navbar v zagonskem pasu, moramo dodati razrede .navbar , .navbar-privzeto na oznako. Po tem moramo zgornjemu elementu dodati vlogo = 'navigacija', kar bo pomagalo nedostopnosti.
Dodali smo razred glave .nav-header elementu, ki bo vključeval element z blagovno znamko razreda navbar. Iz tega bomo dobili besedilo z večjo velikostjo.
Vprašanje # 30) Kaj je drobtina Bootstrap?
Odgovor: Drobni kruh Bootstrap je učinkovit način za prikaz informacij, ki temeljijo na hierarhiji spletnega mesta. To lahko prikazuje datume objave, kategorije ali oznake v blogu. Uporabniku sporočajo tudi trenutno lokacijo strani v navigacijski hierarhiji.
Tako lahko rečemo, da je drobtina Bootstrap preprosto neurejen seznam z razredom .breadcrumb .
V # 31) Kaj so nalepke v Bootstrapu?
Odgovor: Oznake zagonskega traku se uporabljajo za ponujanje štetja, nasvetov ali drugih stvari za označevanje na spletnih straneh. Za uporabo oznake v Bootstrapu uporabimo razred .nalepke za označevanje nalepk.
Vprašanje # 32) Kaj so značke v Bootstrapu?
Odgovor: Značke so homogene z nalepkami, glavna razlika med njimi je, da so vogali bolj zaobljeni. Glavno delo značk v bootstrapu je poudarjanje novih ali neprebranih predmetov. Če želite uporabljati značke, samo dodajtedo povezav in navtik bootstrap.
Vprašanje # 33) Kaj je jumbotron v Bootstrapu?
Odgovor: Uporablja se za povečanje velikosti naslovov in dodajanje veliko robov za vsebino ciljne strani. Če želite ustvariti jumbotron, moramo ustvariti vsebnik s razredom .jumbotron.
Vprašanje # 34) Kako lahko naredimo sliko odzivno v Bootstrapu?
Odgovor: Po posodobitvah v Bootstrapu, ki je trenutno dodana funkcija za odziv slike, lahko to storimo tako, da dodamo razred .img-odziven do oznaka. Ta razred naredi širino max-width = 100%; in višina = samodejno; na sliko, tako da se lepo ujema z nadrejenim elementom.
Vprašanje # 35) Kaj mislite z normalizacijo v Bootstrapu?
Odgovor: Bootstrap normalize je majhna datoteka CSS, ki se uporablja za doslednost med brskalniki.
Vprašanje # 36) Kaj je osnovna kopija telesa v Bootstrapu?
Odgovor: Uporablja se za dodajanje vzpona odstavku, če dodamo class = 'lead'. To bo povečalo velikost pisave in višjo višino črte.
Vprašanje # 37) Kaj so plošče v Bootstrapu?
Odgovor: Plošče so komponente, ki se uporabljajo, kadar želite komponento DOM postaviti v polje. Torej, da pridobimo osnovno ploščo, moramo elementu dodati class.panel. Temu elementu lahko dodamo tudi class.panel-default.
Vprašanje # 38) Kako boste ustvarili ploščo Bootstrap z naslovom?
Odgovor: Na dva načina lahko dodamo naslov plošče.
Prvič, lahko neposredno uporabimo . naslov plošče razred za dodajanje vsebnikov naslovov na ploščo, drugi način pa je uporaba katere koli oznake naslova, kot je
doz .panel-title razredu, da v naslovu dobite več slogov.
Vprašanje # 39) Kaj je vtičnik za pomikanje v Bootstrapu?
Odgovor: To je samodejno posodobljen nav plugin, ki omogoča pridobivanje odseka strani glede na položaj drsenja. To lahko stori do razred .active na položaj drsenja, ki temelji na navigacijski vrstici.
Vprašanje # 40) Kako deluje vtičnik za pritrditev v Bootstrapu?
Odgovor: Ta vtičnik omogoča pritrditev a na mesto na strani.
Primer uporabe družabne ikone na strani je primer, pri katerem vidimo, da se ikone začnejo na določenem mestu, ko pa stran zadene določeno oznako, blokira mesto in zaustavi drsenje za preostali del strani.
Vprašanje # 41) Kakšen je mrežni sistem v Bootstrapu?
Odgovor: Z uporabo mrežnega sistema lahko naredimo do 12 stolpcev na strani. Obstajajo različni razredi, ki so bili za to definirani za namen uporabniškega vmesnika.
Vprašanje # 42) Kaj so razredi mreže v zagonskem traku?
Odgovor: V Bootstrapu obstajajo štirje mrežni razredi.
To so:
- xs (Uporablja se za zaslone telefona, manjše od 786px).
- sm (Uporablja se za zaslone tabličnih računalnikov, ki so širši od 786px).
- md (Namenjen je majhnim zaslonom prenosnih računalnikov, ki so široki 992 slikovnih pik ali več).
- LG (Namenjen je prenosnim in namiznim zaslonom, ki so enaki širši od 1200 slikovnih pik).
Vprašanje # 43) Kateri so globalni slogi, ki se uporabljajo v privzeti tipografiji Bootstrap?
Odgovor: V Bootstrapu je globalna privzeta velikost pisave 14px, višina vrstice pa 1.428. Privzete spremembe pisav Helvetica in Arial so s rezervnimi sans-serifi in vsi ti slogi veljajo za telo in vse odstavke.
Vprašanje # 44) Kakšen bo rezultat spodnje kode?
.col-xs-12 .col-md-3 Odgovor: Rezultat tega bo mrežne rešitve za zelo majhne naprave, kot lahko vidimo v uporabljenem delčku col-xs-12, poleg tega pa tudi mrežne rešitve za namizne naprave in zgoraj, kot je bil razred col-md-3. uporablja.
Vprašanje # 45) Katere odvisnosti potrebuje Bootstrap za pravilno delovanje?
Odgovor: jQuery je edina odvisnost, ki jo bootstrap potrebuje za pravilno delovanje, in to samo za vtičnike JavaScript v bootstrapu.
kako dodati vrednost matriki
Vprašanje # 46) Pojasnite, kaj bo storila spodnja koda?
Home 36 Odgovor: Ta koda bo ustvarila povezavo z vgrajeno značko, ki bo uporabniku dala pomembno obvestilo, na primer o prejeti številki, prejetem sporočilu ali številu zahtev itd.
Vprašanje # 47) Kateri dve kodi se uporabljata za prikaz kod v Bootstrapu?
Odgovor: Kode so tag and tag.
Q # 48) What is the difference between Bootstrap and Foundation?
Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.
Q # 49) What are Glyphicons in Bootstrap?
Answer: By this, we can use the icon simply anywhere in your code.
Vprašanje # 50) Kaj je vtičnik za prehod v Bootstrapu?
Odgovor: Omogoča preproste učinke prehoda, kot je drsenje ali bledenje modal.
Vprašanje # 51) Pojasnite koncept ustvarjanja vertikalne ali osnovne oblike v Bootstrapu.
Odgovor: Za to moramo najprej dodati obrazec vloge nadrejenemu elementu, nato moramo oznake in kontrolnike zaviti v skupino class.form-group, nato pa moramo dodati razred .form-control vsem besedilnim url-om in elementom .
Zaključek
Ta vprašanja in odgovori vam bodo pomagali, da razbijete kateri koli intervju Bootstrap za bolj svežo in izkušeno raven. In to so najpogostejša vprašanja, ki jih zastavljajo v intervjujih.
Prepričan sem, da bi vam ta članek pomagal razumeti osnove in napredno raven Bootstrapa.
Želimo vam vse dobro za vaš intervju !!
Priporočeno branje
- Vprašanja in odgovori za intervju
- Vprašanja in odgovori za preizkušanje ETL
- 50 najbolj priljubljenih vprašanj in odgovorov za intervjuje CCNA
- 50 najboljših vprašanj in odgovorov za PHP intervju (za VSE)
- Top 50+ vprašanj in odgovorov za intervjuje v zbirki podatkov
- Nekaj zapletenih ročnih preizkusov Vprašanja in odgovori
- 25 najboljših vprašanj in odgovorov za intervju z agilnim testiranjem
- Vprašanja za intervju z Spockom z odgovori (najbolj priljubljeno)