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.

kopírovat DVD filmy na pevný disk zdarma

• 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.

jaký je nejlepší odstraňovač virů

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?

Odpovědět: Pokud umístíme více tyčí se stejnou .pokrok nadřazený prvek, Bootstrap je hromadí do jednoho jediného pruhu postupu. Jak víme, v bootstrapu je součet ukazatele průběhu 100%. Lišta postupu tedy dá výsledek jako plnou šířku a plně vyplněný.

Q # 24) Jak můžeme upravit odkazy na stránkování v Bootstrapu?

Odpovědět: Můžeme přizpůsobit odkazy pomocí .zakázáno pro neklikatelné odkazy a .aktivní pro označení aktuální stránky.

Q # 25) Vysvětlete skupinu vstupů v Bootstrapu.

Odpovědět: Skupina vstupů v bootstrapu je vyřazena z ovládacích prvků. Pomocí vstupní skupiny můžeme snadno přidat předpřipravený a připojený text nebo tlačítko k textovým vstupům.

Můžeme předpřipravit a připojit prvky k a .form-control tím, že vezme všechny prvky ve třídě .vstupní skupina. Poté vložte svůj další obsah do astejně pomocí třídy .input-group-addon poté můžete umístitprvek před nebo za vstupním prvkem.

Q # 26) Napište způsoby, jak v Bootstrapu vytvořit navigační nabídku s kartami.

Odpovědět: Můžeme vytvořit navigaci na kartách vytvořením základního neuspořádaného seznamu se základní třídou .nejsou a poté můžeme přidat třídu .nav-záložky .

Q # 27) Jak v Bootstrapu můžete vytvořit navigační nabídku tablet?

Odpovědět: Navigační nabídka Pills v bootstrapu je vytvořena vytvořením neuspořádaného seznamu nejprve se základní třídou .nejsou a poté přidejte třídu .nav pilulky .

Q # 28) Jak navbar funguje v Bootstrapu?

Odpovědět: V bootstrapu je navbar vynikající funkcí pro vytvoření responzivní meta komponenty, která funguje jako záhlaví navigace pro vaši aplikaci a web. V mobilním zobrazení se navigační lišta zhroutí a stane se vodorovnou, jak se zvětší dostupná šířka výřezu.

Q # 29) Jak můžeme vytvořit navbar v Bootstrapu?

Odpovědět: Abychom nejprve vytvořili navbar v bootstrapu, musíme přidat třídy .navbar , .navbar-výchozí ke značce. Poté musíme k výše uvedenému prvku přidat roli = „navigace“, což pomůže nepřístupnosti.

Přidali jsme třídu záhlaví .nav-header k prvku, který bude obsahovat prvek se značkou navbar třídy. Z toho získáme text s větší velikostí.

c # vs c ++ vs java

Odpovědět: Po aktualizaci v Bootstrapu, v současné době byla přidána funkce zajišťující, aby obrázek reagoval, to můžeme udělat přidáním třídy .img reagující do štítek. Tato třída činí šířku max-width = 100%; a výška = auto; k obrázku tak, aby pěkně odpovídal nadřazenému prvku.

Q # 35) Co máte na mysli normalizací v Bootstrapu?

Odpovědět: Bootstrap normalize je malý soubor CSS, který se používá k zajištění konzistence mezi prohlížeči.

Q # 36) Co je hlavní kopie těla v Bootstrapu?

Odpovědět: Slouží k přidání nějakého výstupu do odstavce, pokud přidáme class = „lead“. Tím se zvětší velikost písma a vyšší výška řádku.

Q # 37) Co jsou panely v Bootstrapu?

Odpovědět: Panely jsou komponenty, které se používají, když chcete umístit svoji komponentu DOM do krabice. K načtení základního panelu tedy stačí přidat element.panel k prvku. K tomuto prvku můžeme také přidat class.panel-default.

Q # 38) Jak vytvoříte panel Bootstrap s nadpisem?

Odpovědět: Existují dva způsoby, jak můžeme přidat záhlaví panelu.

První je, že můžeme přímo použít záhlaví panelu třídy pro přidání kontejnerů nadpisů do panelu a druhým způsobem je použití libovolné značky nadpisu

na

s .panel-title třídy, aby na záhlaví bylo více stylů.

Q # 39) Co je to plugin scrollspy v Bootstrapu?

Odpovědět: Jedná se o automaticky aktualizovaný navigační modul, který umožňuje načítání části stránky na základě polohy posouvání. To lze provést pomocí aktivní třída do polohy rolování na základě navigačního panelu.

Q # 40) Jak funguje přídavný modul v Bootstrapu?

Odpovědět: Tento plugin umožňuje připojení k umístění na stránce.

Příkladem je použití sociální ikony na stránce, ve které vidíme, že ikony začnou na určitém místě, ale když stránka narazí na určitou značku, zablokuje dané místo a zastaví rolování po zbytek strana.

Q # 41) Co je síťový systém v Bootstrapu?

Odpovědět: Pomocí mřížkového systému můžeme na stránce vytvořit až 12 sloupců. Existují různé třídy, které byly pro tento účel definovány pro uživatelské rozhraní.

Q # 42) Co jsou mřížkové třídy v Bootstrapu?

Odpovědět: V Bootstrapu jsou čtyři třídy mřížky.

Oni jsou:

• xs (Používá se pro obrazovky telefonu o šířce menší než 786 pixelů).
• sm (Používá se pro obrazovky tablet, které jsou širší než 786px).
• md (Je určen pro malou obrazovku notebooku o šířce 992px nebo větší).
• LG (Je určen pro obrazovky notebooků a stolních počítačů, jejichž šířka je větší než 1200 pixelů.)

Q # 43) Jaké jsou globální styly používané ve výchozí typografii Bootstrap?

Odpovědět: V Bootstrapu je globální výchozí velikost písma 14 pixelů a výška řádku 1,428. Výchozí změny písma pro Helvetica a Arial jsou s bezpatkovým záložním řešením a všechny tyto styly jsou použitelné pro tělo i všechny odstavce.

Q # 44) Jaký bude výstup níže uvedeného kódu?

.col-xs-12 .col-md-3

Odpovědět: Výstup z toho dá mřížky pro extra malá zařízení, jak vidíme na fragmentu col-xs-12, který byl použit, a také mřížky pro stolní zařízení a výše, protože třída col-md-3 byla použitý.

Q # 45) Jaké závislosti vyžaduje Bootstrap, aby správně fungoval?

Odpovědět: jQuery je jediná závislost, kterou bootstrap vyžaduje pro správnou funkci, a to pouze pro pluginy JavaScriptu v bootstrapu.

Q # 46) Vysvětlete, co udělá níže uvedený kód?

Home 36

Odpovědět: Tento kód vytvoří odkaz s vloženým odznakem, který uživateli poskytne důležité upozornění, jako je počet přijatých zpráv, přijatých zpráv nebo počet požadavků atd.

Q # 47) Jaké jsou dva kódy, které se používají pro zobrazení kódu v Bootstrapu?

Odpovědět: Kódy jsou 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) Co je přechodový plugin v Bootstrapu?

Odpovědět: Poskytuje jednoduché přechodové efekty, jako je posunutí nebo vyblednutí v modálech.

Q # 51) Vysvětlete koncept vytvoření svislého nebo základního formuláře v Bootstrapu.

Odpovědět: Nejprve musíme do nadřazeného prvku přidat formulář role, pak musíme zabalit popisky a ovládací prvky do třídy class.form-group a pak musíme přidat třídu .form-control do všech textových adres URL a prvků .

Závěr

Tyto otázky a odpovědi na pohovory vám pomohou rozbít jakýkoli rozhovor Bootstrap na čerstvější i zkušenější úrovni. A to jsou nejčastěji kladené otázky v rozhovorech.

Jsem si jist, že tento článek by vám pomohl porozumět základům a pokročilé úrovni Bootstrapu.

Přejeme vám vše nejlepší k rozhovoru !!

Doporučené čtení

• Dotazy a odpovědi na pohovor
• ETL Testing Interview Otázky a odpovědi
• Top 50 nejoblíbenějších dotazů a odpovědí na rozhovor s CCNA
• 50 nejlepších otázek a odpovědí na rozhovor s PHP (PRO VŠECHNY)
• Nejlépe 50+ otázek a odpovědí na rozhovory s databázemi
• Několik složitých otázek a odpovědí na ruční testování
• 25 nejlepších agilních testovacích otázek a odpovědí na rozhovor
• Spock Interview Otázky s odpověďmi (nejoblíbenější)