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.

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

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?

Antwoord: Als we meerdere balken met hetzelfde plaatsen .vooruitgang bovenliggend element, zal Bootstrap ze stapelen in één enkele voortgangsbalk. Zoals we weten, is in bootstrap de som van de voortgangsbalk 100%. De voortgangsbalk geeft het resultaat dus als volledige breedte en volledig gevuld.

Q ​ 24) Hoe kunnen we paginatielinks in Bootstrap aanpassen?

Antwoord: We kunnen de links aanpassen met .gehandicapt voor niet-klikbare links en .actief voor het aangeven van de huidige pagina.

Q # 25) Leg de invoergroep in Bootstrap uit.

Antwoord: Invoergroep in bootstrap wordt verwijderd uit besturingselementen. Door een invoergroep te gebruiken, kunnen we eenvoudig vooraf aangebrachte en toegevoegde tekst of knop toevoegen aan de op tekst gebaseerde invoer.

We kunnen elementen toevoegen aan en toevoegen aan een .form-control door alle elementen in een klasse onder te brengen .input-groep. Plaats daarna uw extra inhoud in eenin hetzelfde door class te gebruiken .input-group-addon hierna kunt u deelement voor of na het invoerelement.

Q ​ 26) Schrijf de manieren om een ​​navigatiemenu met tabbladen te maken in Bootstrap.

Antwoord: We kunnen navigatie met tabbladen maken door een ongeordende basislijst te maken met de basisklasse van .zijn niet en daarna kunnen we klasse toevoegen .nav-tabbladen ​

Q ​ 27) Hoe kunt u in Bootstrap een navigatiemenu voor pillen maken?

Antwoord: Het navigatiemenu van pillen in bootstrap wordt gemaakt door eerst een ongeordende lijst te maken met de basisklasse van .zijn niet en daarna de klas toevoegen .nav-pillen ​

Q ​ 28) Hoe werkt de navigatiebalk in Bootstrap?

waar de netwerkbeveiligingssleutel voor wifi te vinden is

Antwoord: In bootstrap is de navbar een uitstekende functie om een ​​responsieve metacomponent te maken die werkt als navigatiekoppen voor uw applicatie en site. In de mobiele weergave klapt de navigatiebalk in en wordt deze horizontaal naarmate de beschikbare viewport-breedte toeneemt.

Q ​ 29) Hoe kunnen we een navigatiebalk maken in Bootstrap?

Antwoord: Om eerst een navigatiebalk in een bootstrap te maken, moeten we de klassen toevoegen .navbar ​ .navbar-default naar de tag. Hierna moeten we de role = ”navigatie” toevoegen aan het bovenstaande element, en dit zal ontoegankelijkheid helpen.

We hebben een koptekstklasse toegevoegd .nav-header naar het element, dat een element met een klasse-navbar-merk. Hieruit krijgen we een tekst met een groter formaat.

met een .panel-titel klasse om meer stijlen aan de kop te geven.

Q ​ 39) Wat is een scrollspy-plug-in in Bootstrap?

Antwoord: Het is een automatisch bijgewerkte nav-plug-in die het mogelijk maakt om een ​​gedeelte van de pagina op te halen op basis van de schuifpositie. Dit kan gedaan worden door de .actieve klasse naar de op de navigatiebalk gebaseerde schuifpositie.

Q ​ 40) Wat is het werk van de affix-plug-in in Bootstrap?

Antwoord: Met deze plug-in kan een worden toegevoegd aan een locatie op de pagina.

Het gebruik van het sociale pictogram in een pagina is hier een voorbeeld van, waarbij we zien dat de pictogrammen op een locatie beginnen, maar wanneer de pagina op een bepaald merkteken raakt, wordt het op zijn plaats geblokkeerd en wordt het scrollen voor de rest van de pagina gestopt. bladzijde.

Q ​ 41) Wat is het rastersysteem in Bootstrap?

Antwoord: Door het rastersysteem te gebruiken, kunnen we maximaal 12 kolommen op een pagina maken. Hiervoor zijn verschillende klassen gedefinieerd ten behoeve van de UI.

Q ​ 42) Wat zijn Grid-klassen in de Bootstrap?

youtube video-downloader voor pc gratis download

Antwoord: Er zijn vier rasterklassen in Bootstrap.

Zij zijn:

• xs (Het wordt gebruikt voor telefoonschermen die minder dan 786 px breed zijn).
• sm (Het wordt gebruikt voor de tabletschermen die groter zijn dan 786 px breed).
• md (Dit is voor een klein laptopscherm met een grootte gelijk aan of groter dan 992 px breed).
• LG (Het is voor laptop- en desktopschermen die groter zijn dan 1200px breed).

Q ​ 43) Wat zijn globale stijlen die worden gebruikt in Bootstrap Default Typography?

Antwoord: In Bootstrap is de globale standaard lettergrootte 14px en de regelhoogte is 1.428. De standaardlettertypewijzigingen in Helvetica en Arial zijn met schreefloze terugval en al deze stijlen zijn van toepassing op zowel de hoofdtekst als alle alinea's.

Q ​ 44) Wat wordt de output van de onderstaande code?

​

Antwoord: De uitvoer hiervan geeft de rasters voor extra kleine apparaten, zoals we kunnen zien in het fragment col-xs-12 dat is gebruikt, en het geeft ook de rasters voor desktopapparaten en hoger zoals de klasse col-md-3 is geweest gebruikt.

Q ​ 45) Welke afhankelijkheden heeft Bootstrap nodig om correct te werken?

Antwoord: jQuery is de enige afhankelijkheid die bootstrap nodig heeft om correct te werken en dit is alleen voor JavaScript-plug-ins in bootstrap.

Q ​ 46) Leg uit wat de onderstaande code zal doen?

​

Antwoord: Deze code produceert een link met een inline-badge die een belangrijke melding aan de gebruiker geeft, zoals het aantal ontvangen, ontvangen berichten of het aantal verzoeken, enz.

Q ​ 47) Wat zijn de twee codes die worden gebruikt voor codeweergave in Bootstrap?

Antwoord: De codes zijn .col-xs-12 .col-md-3

Q ​ 50) Wat is een overgangsplug-in in Bootstrap?

Antwoord: Het biedt eenvoudige overgangseffecten zoals glijden of vervagen in modals.

Q ​ 51) Leg het concept uit van het maken van een verticaal of basisformulier in Bootstrap.

Antwoord: Hiervoor moeten we eerst een rolformulier toevoegen aan het bovenliggende element, daarna moeten we labels en besturingselementen in een met class.form-groep plaatsen en dan moeten we een klasse .form-control toevoegen aan alle tekst-url en elementen .

Gevolgtrekking

Deze interviewvragen en antwoorden zullen je helpen om elk Bootstrap-interview te kraken voor zowel frisser als ervaren niveau. En dit zijn de meest voorkomende vragen die in de interviews worden gesteld.

Ik ben er zeker van dat dit artikel je zou hebben geholpen om de basisprincipes en het geavanceerde niveau van Bootstrap te begrijpen.

We wensen je het allerbeste voor je sollicitatiegesprek !!

Aanbevolen literatuur

• Interview vragen en antwoorden
• Vragen en antwoorden over ETL-tests
• Top 50 meest populaire CCNA interviewvragen en antwoorden
• 50 Top PHP Interview Vragen en Antwoorden (voor ALLEN)
• Top 50+ Database Interview Vragen en Antwoorden
• Enkele lastige vragen en antwoorden voor handmatig testen
• 25 beste vragen en antwoorden voor agile-tests
• Spock-interviewvragen met antwoorden (meest populair)