top 51 bootstrap interview questions
Najčešće postavljana pitanja i odgovori za intervju za Bootstrap:
Ovdje smo u ovaj članak uključili popis najpopularnijih pitanja i odgovora za ispucavanje Bootstrap intervjua.
To će pomoći da se intervju završi kako za iskusne, tako i za svježe kandidate.
Idemo!!
Najpopularnija pitanja i odgovori za intervju za Bootstrap
Počnimo!!
P # 1) Definirajte bootstrap.
Odgovor: Bootstrap je front-end okvir koji se koristi za stvaranje HTML, CSS i JS web aplikacija. Njegov izgled vrlo je brz, brz i jednostavan za upotrebu. Uglavnom se fokusira na izgradnju mobilne aplikacije s predlošcima dizajna za stvaranje korisničkog sučelja poput padajućeg, obrasca, gumba, kartice upozorenja itd.
P # 2) Zašto se Bootstrap koristi za razvoj mobilnog weba?
Odgovor: Koristi se za razvoj mobilnog weba jer ima responzivne dizajne i predloške koji su jednostavni za upotrebu.
P # 3) Objasnite značajke Bootstrapa.
Odgovor: Njegove značajke uključuju:
- Otvoreni izvor za upotrebu
- Kompatibilnost sa svim preglednicima.
- Responzivni dizajni
- Jednostavan za upotrebu i brz.
P # 4) Definirajte ključne komponente Bootstrapa.
Odgovor: Njegove komponente uključuju:
- Skele: Ima mrežni sustav, pozadinu i stilove.
- JS dodaci: Sadrži JS i jQuery dodatke.
- Prilagodi: Može prilagoditi okvire.
- CSS: Sadrži CSS datoteke.
P # 5) Što razumijete pod spremnikom Bootstrap?
Odgovor: Spremnik Bootstrap ponaša se poput spremnika u koji možete staviti HTML kôd i dio je stranice na koji se može smjestiti sadržaj web stranice kako bi bio brz i brz.
P # 6) Što mislite pod Bootstrap Classloader?
Odgovor: Učitavač klase Bootstrap dio je Java-e i glavna roditeljska klasa učitavača klase.
P # 7)Kakopostoje li mnoge vrste izgleda u Bootstrapu?
Odgovor: Postoje dvije vrste izgleda u Bootstrapu.
Oni su:
- Izgled fluida
- Fiksni izgled
P # 8) Definirajte raspored fluida.
Odgovor: Fluid Layout je koristan kada trebate izraditi aplikaciju koja uključuje cijelu širinu zaslona, tj. Fluid Layout se prilagođava prema veličini preglednika.
P # 9) Definirajte fiksni izgled.
Odgovor: Fiksni izgled odgovara i jednostavan je za upotrebu, ali baš kao i fluidni raspored, ne može se prilagoditi veličini preglednika. Fiksni izgled u većini slučajeva trebao bi biti 940 px.
P # 10) Kako možete prikazati kod u Bootstrapu?
Odgovor: Kôd možete prikazati na dva načina, tj. Pomoću 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.
kako implementirati hash tablicu u javu
- 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.
lijevanje char na int c ++
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: Ako postavimo više šipki s istim .napredak nadređeni element, Bootstrap će ih nagomilati u jednu traku napretka. Kao što znamo, u bootstrapu je zbroj trake napretka 100%. Dakle, traka napretka dat će rezultat u punoj širini i u potpunosti popunjen.
P # 24) Kako možemo prilagoditi poveznice paginacije u Bootstrapu?
Odgovor: Veze možemo prilagoditi pomoću .onemogućeno za veze koje se ne mogu kliknuti i .aktivan za označavanje trenutne stranice.
P # 25) Objasnite ulaznu grupu u Bootstrapu.
Odgovor: Ulazna grupa u bootstrapu izbačena je iz kontrola. Korištenjem grupe za unos lako možemo dodati dodani tekst ili gumb na unose temeljene na tekstu.
Možemo dodati i dodati elemente u a .oblik-kontrola uzimajući sve elemente u a ispod klase .ulazna grupa. Nakon toga stavite dodatni sadržaj uu istoj upotrebom klase .input-group-addon nakon ovoga možete postavitielement prije ili poslije ulaznog elementa.
P # 26) Napišite načine za stvaranje navigacijskog izbornika s karticama u Bootstrapu.
Odgovor: Navigaciju s karticama možemo stvoriti izradom osnovnog neuređenog popisa s osnovnom klasom .nisu a nakon ovoga možemo dodati nastavu .nav-tabulatori .
P # 27) Kako u Bootstrapu možete stvoriti navigacijski izbornik tableta?
Odgovor: Izbornik za navigaciju tabletama u bootstrapu kreira se izradom neuređenog popisa s osnovnom klasom .nisu a nakon ovoga dodajte razred .nav-tablete .
P # 28) Kako navbar radi u Bootstrapu?
Odgovor: U bootstrapu je navbar glavna značajka za izradu responzivne metakomponente koja radi kao zaglavlje navigacije za vašu aplikaciju i web mjesto. U mobilnom prikazu, navigacijska traka se sužava i postaje vodoravna s povećanjem dostupne širine vidnog polja.
P # 29) Kako možemo stvoriti navigacijsku traku u Bootstrapu?
Odgovor: Da bismo prvo stvorili navigacijsku traku u bootstrapu, moramo dodati klase .navbar , .navbar-zadani do oznake. Nakon toga, gore navedenom elementu moramo dodati ulogu = 'navigacija', a to će pomoći u nepristupačnosti.
Dodali smo klasu zaglavlja .nav-zaglavlje elementu, koji će sadržavati element s markom klase navbar. Iz ovoga ćemo dobiti tekst veće veličine.
P # 30) Što je Bootstrap prezla?
Odgovor: Drobni krug Bootstrap učinkovit je način prikazivanja informacija temeljenih na hijerarhiji web mjesta. To može prikazivati datume objavljivanja, kategorije ili oznake na blogu. Također poručuju korisniku o trenutnom položaju stranice unutar navigacijske hijerarhije.
Tako možemo reći da je Bootstrap krušni kruh jednostavno nesređeni popis s klasom .hljebnjak .
P # 31) Što su oznake u Bootstrapu?
Odgovor: Oznake za podizanje sustava koriste se za brojanje, savjete ili druge stvari za označavanje na web stranicama. Za upotrebu oznake u Bootstrapu koristimo klasu .oznake za označavanje naljepnica.
P # 32) Što su značke u Bootstrapu?
Odgovor: Značke su homogene naljepnicama, glavna razlika između njih su uglovi koji su zaobljeniji. Glavno djelo znački u bootstrapu je isticanje novih ili nepročitanih predmeta. Da biste koristili značke, samo dodajtena linkove i bootstrap navs.
P # 33) Što je jumbotron u Bootstrapu?
Odgovor: Koristi se za povećanje veličine naslova i dodavanje puno margina za sadržaj odredišne stranice. Da bismo stvorili jumbotron moramo stvoriti spremnik s klasom .jumbotron.
P # 34) Kako možemo učiniti sliku odgovornom u Bootstrapu?
Odgovor: Nakon ažuriranja u Bootstrapu, trenutno dodana značajka koja daje sliku koja reagira, to možemo učiniti dodavanjem klase .img-responsive prema označiti. Ova klasa čini širinu max-width = 100%; i visina = auto; na sliku tako da se lijepo podudara s roditeljskim elementom.
P # 35) Što podrazumijevate pod normalizacijom u Bootstrapu?
Odgovor: Bootstrap normalize je mala CSS datoteka koja se koristi za postizanje dosljednosti među preglednicima.
P # 36) Što je vodeća kopija tijela u Bootstrapu?
Odgovor: Koristi se za dodavanje uspona u odlomak ako dodamo class = 'lead'. To će povećati veličinu fonta i veću visinu crte.
P # 37) Što su paneli u Bootstrapu?
Odgovor: Paneli su komponente koje se koriste kada želite svoju DOM komponentu staviti u okvir. Dakle, da bismo dohvatili osnovnu ploču, elementu moramo dodati class.panel. Ovom elementu možemo dodati i class.panel-default.
P # 38) Kako ćete stvoriti Bootstrap ploču s naslovom?
Odgovor: Postoje dva načina na koja možemo dodati naslov ploče.
Prvo je što možemo izravno koristiti .naslov ploče klase za dodavanje spremnika naslova u ploču, a drugi način je upotreba bilo koje oznake naslova poput
dos .naslov ploče razredu dati više stilova u naslovu.
P # 39) Što je scrollspy dodatak u Bootstrapu?
Odgovor: To je automatsko ažuriranje nav dodatka koji omogućuje dohvaćanje odjeljka stranice na temelju položaja pomicanja. To može učiniti razred .aktivan na položaj pomicanja zasnovan na navigacijskoj traci.
P # 40) Kakav je rad dodatka za dodavanje u Bootstrapu?
Odgovor: Ovaj dodatak omogućuje povezivanje a s mjestom na stranici.
Primjer za to je upotreba društvene ikone na stranici u kojoj vidimo da će ikone započeti na određenom mjestu, ali kada stranica pogodi određenu oznaku, blokirat će mjesto i zaustavit će pomicanje za ostatak stranice. stranica.
P # 41) Što je mrežni sustav u Bootstrapu?
Odgovor: Korištenjem mrežnog sustava možemo napraviti do 12 stupaca na stranici. Postoje različite klase koje su za to definirane u svrhu korisničkog sučelja.
P # 42) Što su Grid klase u Bootstrapu?
Odgovor: U Bootstrapu postoje četiri mrežne klase.
Oni su:
- xs (Koristi se za zaslone telefona manje od 786px).
- sm (Koristi se za zaslone tableta koji su širi od 786px).
- doktor medicine (To je za male zaslone prijenosnih računara širine jednake ili veće od 992px).
- LG (To je za zaslone prijenosnih računala i stolnih računara koji su širi od 1200 piksela).
P # 43) Koji su globalni stilovi koji se koriste u zadanoj tipografiji Bootstrap?
Odgovor: U Bootstrapu je zadana globalna veličina fonta 14px, a visina retka 1.428. Zadane promjene fonta u Helvetica i Arial su sa rezervnim sans-serifom i svi su ti stilovi primjenjivi za tijelo i za sve odlomke.
P # 44) Koji će biti izlaz donjeg koda?
.col-xs-12 .col-md-3
Odgovor: Rezultat ovoga dat će rešetke za izuzetno male uređaje, kao što možemo vidjeti u korištenom isječku col-xs-12, a također će pružiti i rešetke za stolne uređaje i više kao što je to bila klasa col-md-3 koristi.
P # 45) Koje ovisnosti su potrebne Bootstrapu da bi ispravno radio?
Odgovor: jQuery je jedina ovisnost koju bootstrap zahtijeva za ispravan rad, a to je samo za JavaScript dodatke u bootstrapu.
P # 46) Objasnite što će učiniti donji kod?
Home 36
Odgovor: Ovaj će kôd proizvesti vezu s ugrađenom značkom koja će korisniku dati važnu obavijest poput primljenog broja, primljene poruke ili broja zahtjeva itd.
P # 47) Koja su dva koda koja se koriste za prikaz koda u Bootstrapu?
Odgovor: Kodovi su 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.
gdje je mrežni sigurnosni ključ na mojem usmjerivaču
Q # 49) What are Glyphicons in Bootstrap?
Answer: By this, we can use the icon simply anywhere in your code.
P # 50) Što je prijelazni dodatak u Bootstrapu?
Odgovor: Pruža jednostavne efekte prijelaza poput klizanja ili blijeđenja u modalima.
P # 51) Objasnite koncept stvaranja vertikalnog ili osnovnog oblika u Bootstrapu.
Odgovor: Za ovo prvo moramo dodati obrazac uloge nadređenom elementu, zatim moramo omotati oznake i kontrole u sa class.form-group, a zatim moramo dodati klasu .form-control svim urbima teksta i elementima .
Zaključak
Ova pitanja i odgovori na intervjuu pomoći će vam da razriješite bilo koji Bootstrap intervju za svježiju i iskusniju razinu. I to su najčešća pitanja koja se postavljaju u intervjuima.
Siguran sam da bi vam ovaj članak pomogao da razumijete osnove i naprednu razinu Bootstrapa.
Želimo vam sve najbolje za vaš intervju !!
Preporučena literatura
- Intervjuirajte pitanja i odgovore
- Pitanja i odgovori za ispitivanje ETL-a
- Top 50 najpopularnijih pitanja i odgovora za CCNA intervjue
- 50 najpopularnijih pitanja i odgovora na PHP intervjuu (za SVE)
- Top 50+ pitanja i odgovori za intervjue baze podataka
- Neka nezgodna ručna ispitivanja Pitanja i odgovori
- 25 najboljih agilnih testova Intervju pitanja i odgovori
- Spock intervju pitanja s odgovorima (najpopularnije)