top 51 bootstrap interview questions
Najčastejšie otázky a odpovede na rozhovor s bootstrapom:
Tu, v tomto článku, sme zahrnuli zoznam najpopulárnejších otázok a odpovedí na pohovor s konverzáciou Bootstrap.
To pomôže prelomiť pohovor pre skúsených aj pre čerstvejších kandidátov.
Poďme!!
Najobľúbenejšie otázky a odpovede týkajúce sa rozhovoru s bootstrapom
Začnime!!
Otázka č. 1) Definujte bootstrap.
Odpoveď: Bootstrap je front-endový rámec, ktorý sa používa na vytváranie webových aplikácií HTML, CSS a JS. Jeho rozloženie je veľmi pohotové, rýchle a ľahko použiteľné. Väčšinou sa zameriava na vytváranie mobilných aplikácií s návrhovými šablónami na vytváranie používateľských rozhraní, ako sú rozbaľovacie ponuky, formuláre, tlačidlá, karta Výstrahy atď.
Otázka 2) Prečo sa Bootstrap používa na vývoj mobilného webu?
Odpoveď: Používa sa na vývoj mobilného webu, pretože má citlivé návrhy a šablóny, ktoré sa ľahko používajú.
Otázka č. 3) Vysvetlite funkcie Bootstrapu.
Odpoveď: Medzi jeho vlastnosti patrí:
- Otvorený zdroj na použitie
- Kompatibilita so všetkými prehľadávačmi.
- Citlivé vzory
- Ľahko použiteľné a rýchle.
Otázka č. 4) Definujte kľúčové komponenty Bootstrapu.
Odpoveď: Medzi jeho zložky patrí:
- Lešenie: Má mriežkový systém, pozadie, štýly.
- Doplnky JS: Obsahuje pluginy JS a jQuery.
- Prispôsobiť: Môže prispôsobiť rámce.
- CSS: Obsahuje súbory CSS.
Otázka č. 5) Čo rozumiete pod kontajnerom Bootstrap?
Odpoveď: Kontejner Bootstrap sa chová ako kontajner, do ktorého môžete vložiť kód HTML, a je to časť stránky, do ktorej je možné umiestniť obsah webu, aby bol responzívny a rýchly.
Otázka 6) Čo máte na mysli pod Bootstrap Classloader?
Odpoveď: Zavádzač triedy Bootstrap je súčasťou javy a hlavnej rodičovskej triedy zavádzača triedy.
Otázka č. 7)Akoexistuje veľa typov rozložení v Bootstrape?
Odpoveď: V Bootstrape sú dva typy rozložení.
Oni sú:
- Rozloženie tekutín
- Pevné rozloženie
Otázka č. 8) Definujte rozloženie tekutín.
Odpoveď: Fluid Layout je užitočné, keď potrebujete vytvoriť aplikáciu, ktorá zahŕňa celú šírku obrazovky, t. J. Fluid Layout sa upravuje podľa veľkosti prehliadača.
Otázka č. 9) Definujte pevné rozloženie.
Odpoveď: Pevné rozloženie je responzívne a ľahko použiteľné, ale rovnako ako plynulé rozloženie sa nedokáže prispôsobiť podľa veľkosti prehliadača. Pevné rozloženie by malo byť vo väčšine prípadov 940 px.
Otázka č. 10) Ako môžete zobraziť kód v Bootstrape?
Odpoveď: Kód môžete zobraziť dvoma spôsobmi, t. J. Pomocou znakov 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.
dátová štruktúra zásobníka c ++
- 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.
najlepšie spoločnosti poskytujúce webhosting v Indii
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
Odpoveď: Ak umiestnime viac tyčí s rovnakými .priebeh nadradený prvok, Bootstrap ich zhromaždí do jedného pokrokového pruhu. Ako vieme, v bootstrape je súčet postupovej lišty 100%. Ukazovateľ postupu teda poskytne výsledok ako celú šírku a plný počet obyvateľov.
Q # 24) Ako môžeme prispôsobiť odkazy na stránkovanie v Bootstrape?
Odpoveď: Odkazy môžeme prispôsobiť pomocou .zakázané pre neklikateľné odkazy a .aktívny na označenie aktuálnej stránky.
Q # 25) Vysvetlite vstupnú skupinu v Bootstrape.
Odpoveď: Vstupná skupina v bootstrape je vyradená z ovládacích prvkov. Použitím skupiny vstupu môžeme ľahko pridať pred text a vstupy text alebo tlačidlo.
Môžeme prepájať a pripájať prvky k a .formulárna kontrola tým, že vezme všetky prvky v rámci triedy .vstupná skupina. Potom vložte svoj ďalší obsah do arovnako pomocou triedy .vstup-skupina-doplnok potom môžete umiestniťpred alebo za vstupným prvkom.
Q # 26) Napíšte spôsoby, ako vytvoriť v Bootstrape navigačnú ponuku s kartami.
Odpoveď: Navigáciu na kartách môžeme vytvoriť vytvorením základného neusporiadaného zoznamu so základnou triedou .niesu a potom môžeme pridať triedu .nav-záložky .
Q # 27) Ako v Bootstrape môžete vytvoriť navigačné menu pre tablety?
Odpoveď: Navigačné menu piluliek v bootstrape je vytvorené vytvorením neusporiadaného zoznamu najskôr so základnou triedou .niesu a po tomto pridať triedu .nav-tabletky .
Q # 28) Ako funguje navbar v Bootstrape?
Odpoveď: V bootstrape je navbar vynikajúcou vlastnosťou na vytvorenie responzívneho meta komponentu, ktorý funguje ako hlavičky navigácie pre vašu aplikáciu a web. V mobilnom zobrazení sa navigačný panel zbalí a stane sa vodorovným so zväčšujúcou sa dostupnou šírkou výrezu.
Q # 29) Ako môžeme vytvoriť navbar v Bootstrape?
Odpoveď: Aby sme najskôr vytvorili navigačný panel v bootstrape, musíme pridať triedy .navbar , .navbar-predvolené na značku. Potom musíme k uvedenému prvku pridať rolu = „navigácia“, čo pomôže neprístupnosti.
Pridali sme triedu hlavičiek .nav-hlavička k prvku, ktorý bude obsahovať znak prvok so značkou navbar triedy. Z toho získame text s väčšou veľkosťou.
Q # 30) Čo je to Bootstrap strúhanka?
Odpoveď: Bootstrap strúhanka je efektívny spôsob, ako zobraziť informácie o webe založené na hierarchii. Môže sa tak zobraziť dátum publikovania, kategórie alebo značky v blogu. Tiež informujú používateľa o aktuálnom umiestnení stránky v rámci navigačnej hierarchie.
Dá sa teda povedať, že Bootstrap strúhanka je jednoducho neusporiadaný zoznam s triedou .chlebová strúhanka .
Otázka č. 31) Čo sú štítky v Bootstrape?
Odpoveď: Štítky bootstrap sa používajú na ponúkanie počtu, tipov alebo iných vecí na zaistenie označenia na webových stránkach. Na použitie štítku v Bootstrape používame triedu .štítky na označenie štítkov.
Q # 32) Čo sú odznaky v Bootstrape?
Odpoveď: Odznaky sú homogénne k štítkom, hlavný rozdiel medzi nimi je v tom, že rohy sú zaoblenejšie. Hlavnou prácou odznakov v bootstrape je zvýraznenie nových alebo neprečítaných položiek. Ak chcete použiť odznaky, jednoducho pridajtena odkazy a bootstrap navs.
Q # 33) Čo je jumbotron v Bootstrape?
Odpoveď: Používa sa na zväčšenie nadpisov a na zväčšenie okrajov pre obsah vstupnej stránky. Aby sme vytvorili jumbotron, musíme vytvoriť kontajner s triedou .jumbotron.
Q # 34) Ako môžeme dosiahnuť, aby obrázok reagoval v Bootstrape?
Odpoveď: Po aktualizáciách v Bootstrape, v súčasnosti pridanej funkcie na zaistenie responzívneho obrazu, to môžeme urobiť pridaním triedy .img-responzívny do značka. Táto trieda robí šírku max-width = 100%; a výška = auto; k obrázku tak, aby sa pekne zhodoval s nadradeným prvkom.
Q # 35) Čo máte na mysli pod normalizáciou v Bootstrape?
Odpoveď: Bootstrap normalize je malý súbor CSS, ktorý sa používa na vytvorenie konzistencie medzi prehliadačmi.
Q # 36) Čo je to kópia hlavného tela v Bootstrape?
Odpoveď: Používa sa na pridanie určitého stúpania k odseku, ak pridáme class = „lead“. Tým sa zväčší veľkosť písma a vyššia výška riadku.
Q # 37) Čo sú panely v Bootstrape?
Odpoveď: Panely sú komponenty, ktoré sa používajú, keď chcete umiestniť komponent DOM do krabice. Na získanie základného panelu teda stačí do prvku pridať class.panel. K tomuto prvku môžeme pridať aj class.panel-default.
Q # 38) Ako vytvoríte panel Bootstrap s nadpisom?
Odpoveď: Existujú dva spôsoby, ako môžeme pridať nadpis panela.
Po prvé, môžeme priamo použiť . hlavička panelu triedy na pridanie kontajnerov nadpisov do panela a druhým spôsobom je použitie ľubovoľnej značky nadpisu ako
dos .panel-titul triedy, aby ste na nadpis dali viac štýlov.
Q # 39) Čo je to doplnok scrollspy v Bootstrape?
Odpoveď: Jedná sa o automaticky sa aktualizujúci doplnok nav, ktorý umožňuje načítať časť stránky na základe polohy rolovania. To je možné vykonať pomocou aktívna trieda do polohy rolovania na základe navigačného panela.
Q # 40) Aká je práca pluginu affix v Bootstrape?
Odpoveď: Tento doplnok umožňuje pripojiť a k umiestneniu na stránke.
Použitie sociálnej ikony na stránke je príkladom toho, v ktorom vidíme, že ikony sa začnú na danom mieste, ale keď stránka narazí na určitú značku, zablokuje dané miesto a zastaví posúvanie po zvyšok stránky. stránke.
Q # 41) Čo je to sieťový systém v Bootstrape?
Odpoveď: Použitím mriežkového systému môžeme na jednej stránke vytvoriť až 12 stĺpcov. Pre tento účel sú definované rôzne triedy, ktoré sú definované na tento účel.
Q # 42) Čo sú to triedy mriežky v Bootstrape?
Odpoveď: V Bootstrape sú štyri triedy mriežky.
Oni sú:
- xs (Používa sa pre obrazovky telefónu so šírkou menšou ako 786 pixelov).
- sm (Používa sa pre obrazovky tabletu so šírkou väčšou ako 786 pixelov).
- md (Je to pre malú obrazovku notebooku so šírkou rovnou alebo väčšou ako 992 pixelov).
- LG (Je to pre obrazovky prenosných počítačov a stolových počítačov, ktoré sú široké viac ako 1 200 pixelov).
Q # 43) Čo sú to globálne štýly, ktoré sa používajú v predvolenej typografii Bootstrap?
Odpoveď: V Bootstrape je globálna predvolená veľkosť písma 14 pixelov a výška riadku 1,428. Predvolené zmeny písma v Helvetice a Ariale sú s bezpätkovým záložným riešením a všetky tieto štýly sú použiteľné pre text aj pre všetky odseky.
Q # 44) Aký bude výstup z nižšie uvedeného kódu?
.col-xs-12 .col-md-3
Odpoveď: Jeho výstup poskytne mriežky pre extra malé zariadenia, ako vidíme na použitom úryvku col-xs-12, a tiež mriežky pre stolové zariadenia a vyššie, ako bola použitá trieda col-md-3. použité.
Q # 45) Aké závislosti vyžaduje Bootstrap, aby správne fungoval?
Odpoveď: jQuery je jediná závislosť, ktorú bootstrap vyžaduje pre správne fungovanie, a to iba pre pluginy JavaScriptu v bootstrape.
Q # 46) Vysvetlite, čo urobí nasledujúci kód?
Home 36
Odpoveď: Tento kód vytvorí odkaz s vloženým odznakom, ktorý používateľovi poskytne dôležité upozornenie, ako je počet prijatých správ, prijatých správ alebo počet žiadostí atď.
Q # 47) Aké sú dva kódy, ktoré sa používajú na zobrazenie kódu v Bootstrape?
Odpoveď: Kódy sú 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.
Q # 50) Čo je prechodový doplnok v Bootstrape?
Odpoveď: Poskytuje jednoduché prechodové efekty, ako je posúvanie alebo vyblednutie v modáloch.
Q # 51) Vysvetlite koncept vytvorenia vertikálneho alebo základného formulára v Bootstrape.
pohodové webové služby, otázky a odpovede pre skúsených v jave
Odpoveď: Najprv musíme do nadradeného prvku pridať formulár roly, potom musíme zabaliť štítky a ovládacie prvky do súboru s class.form-group a potom musíme do všetkých textových adries URL a prvkov pridať triedu .form-control .
Záver
Tieto otázky a odpovede na pohovory vám pomôžu rozlúsknuť akýkoľvek rozhovor so Bootstrapom na čerstvejšej aj skúsenejšej úrovni. A to sú najčastejšie otázky, ktoré sa pri rozhovoroch kladú.
Som si istý, že tento článok by vám pomohol porozumieť základným a pokročilým úrovniam Bootstrapu.
Prajeme všetko dobré pre váš rozhovor !!
Odporúčané čítanie
- Dotazy a odpovede na pohovor
- ETL Testovacie otázky a odpovede na pohovor
- Top 50 najpopulárnejších otázok a odpovedí na rozhovory s CCNA
- 50 najčastejších otázok a odpovedí na rozhovor s PHP (PRE VŠETKÝCH)
- Najvyšších 50+ otázok a odpovedí s databázovými rozhovormi
- Niektoré zložité otázky a odpovede na ručné testovanie
- 25 najlepších agilných testovacích otázok a odpovedí na pohovory
- Spock Interview Otázky s odpoveďami (najobľúbenejšie)