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.

forskel mellem adræt og vandfaldstest

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

automatiserede testværktøjer til webapplikationer

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?

Svar: Hvis vi placerer flere søjler med det samme .fremskridt forældrelement, Bootstrap bunker dem i en enkelt statuslinje. Som vi ved, er summen af ​​statuslinjen i bootstrap 100%. Så statusbjælken giver resultatet som fuld bredde og fuldt udfyldt.

Q # 24) Hvordan kan vi tilpasse links til pagination i Bootstrap?

Svar: Vi kan tilpasse linkene ved hjælp af .handicappet for ikke-klikbare links og .aktiv til angivelse af den aktuelle side.

Q # 25) Forklar inputgruppen i Bootstrap.

Svar: Indgangsgruppen i bootstrap er sat ud af kontrolelementer. Ved at bruge en inputgruppe kan vi nemt tilføje forudbygget og tilføjet tekst eller knap til de tekstbaserede input.

Vi kan forbinde og tilføje elementer til en .form-kontrol ved at tage alle elementerne i en under-klasse .input-gruppe. Derefter skal du placere dit ekstra indhold i eni samme ved hjælp af klasse .input-gruppe-addon efter dette kan du placereelement enten før eller efter inputelementet.

Q # 26) Skriv måderne til at oprette en navigationsmenu med faner i Bootstrap.

Svar: Vi kan oprette fanebladnavigation ved at oprette en grundlæggende uordnet liste med basisklassen på .er ikke og efter dette kan vi tilføje klasse .nav-faner .

Q # 27) Hvordan kan du oprette en pille-navigationsmenu i Bootstrap?

Svar: Piller-navigationsmenuen i bootstrap oprettes ved først at oprette en ikke-ordnet liste med basisklassen .er ikke og efter dette tilføj klassen .nav-piller .

Q # 28) Hvordan fungerer navbar i Bootstrap?

Svar: I bootstrap er navbar en fremtrædende funktion til at lave en lydhør metakomponent, der fungerer som navigationshoveder til din applikation og dit websted. I mobilvisningen kollapser navigationsbjælken og bliver vandret, efterhånden som den tilgængelige visningsportbredde øges.

Q # 29) Hvordan kan vi oprette en navbar i Bootstrap?

Svar: For at oprette en navbar i en bootstrap i første omgang skal vi tilføje klasser .navbar , .navbar-standard til tagget. Herefter skal vi tilføje role = ”navigation” til ovennævnte element, og dette vil hjælpe utilgængelighed.

Vi har tilføjet en headerklasse .nav-header til elementet, som inkluderer en element med et klasse navbar mærke. Fra dette får vi en tekst med en større størrelse.

med en .panel-titel klasse for at give flere stilarter på overskriften.

Q # 39) Hvad er et scrollspy-plugin i Bootstrap?

Svar: Det er en automatisk opdatering af nav-plugin, der gør det muligt at hente en del af siden baseret på rullepositionen. Dette kan gøres ved den .aktive klasse til navbarbaseret rulleposition.

Q # 40) Hvad fungerer affix-pluginet i Bootstrap?

Svar: Dette plugin gør det muligt at tilknytte et sted på siden.

Brug af det sociale ikon på en side er et eksempel på dette, hvor vi ser, at ikonerne starter et sted, men når siden rammer et bestemt mærke, blokerer det på plads og stopper rulningen resten af side.

Q # 41) Hvad er netsystemet i Bootstrap?

Svar: Ved at bruge gittersystemet kan vi lave op til 12 kolonner på tværs af en side. Der er forskellige klasser, der er defineret til dette til UI-formålet.

Q # 42) Hvad er gitterklasser i Bootstrap?

Svar: Der er fire gitterklasser i Bootstrap.

De er:

• xs (Det bruges til telefonskærme, der er mindre end 786 px brede).
• sm (Det bruges til tabletskærme, der er større end 786 px brede).
• md (Det er til en lille bærbar skærm med en størrelse, der er lig med eller større end 992 px bred).
• LG (Det er til bærbare og stationære skærme, der er lig med større end 1200 px bred).

Q # 43) Hvad er globale stilarter, der bruges i Bootstrap-standardtypografi?

Svar: I Bootstrap er den globale standard skriftstørrelse 14 pixel og liniehøjden er 1.428. Standardskrifttypeskift til Helvetica og Arial er med sans-serif-fallback, og alle disse stilarter gælder for både hovedtekst og alle afsnit.

Q # 44) Hvad bliver output af nedenstående kode?

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

Svar: Outputtet af dette vil give netene til ekstra små enheder, som vi kan se i uddraget col-xs-12, der er blevet brugt, og det vil også give netene til stationære enheder og derover, da klassen col-md-3 har været Brugt.

hvordan man løser array-indeks uden for grænserne undtagelse i java

Q # 45) Hvilke afhængigheder kræver Bootstrap for at fungere korrekt?

Svar: jQuery er den eneste afhængighed, som bootstrap kræver for at fungere korrekt, og dette er kun for JavaScript-plugins i bootstrap.

Q # 46) Forklar, hvad nedenstående kode vil gøre?

Home 36

Svar: Denne kode vil producere et link med et inline-badge, som giver en vigtig meddelelse til brugeren som det modtagne nummer, modtaget besked eller antallet af anmodninger osv.

Q # 47) Hvad er de to koder, der bruges til kodevisning i Bootstrap?

Svar: Koderne er 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) Hvad er et overgangs-plugin i Bootstrap?

Svar: Det giver enkle overgangseffekter som at glide eller falme i modeller.

Q # 51) Forklar begrebet oprettelse af en lodret eller grundlæggende form i Bootstrap.

Svar: Til dette først skal vi tilføje en rolleformular til det overordnede element, så skal vi pakke etiketter og kontrolelementer i en med klasse.form-gruppe, og derefter skal vi tilføje en klasse af. Form-kontrol til al tekst url og elementer .

Konklusion

Disse interviewspørgsmål og svar hjælper dig med at knække ethvert Bootstrap-interview til friskere såvel som erfarent niveau. Og det er de hyppigste spørgsmål, der stilles i interviews.

Jeg er sikker på, at denne artikel ville have hjulpet dig med at forstå det grundlæggende og avancerede niveau af Bootstrap.

Vi ønsker dig alt det bedste til dit interview !!

Anbefalet læsning

• Interviewspørgsmål og svar
• ETL Testing Interview Spørgsmål og svar
• Top 50 mest populære CCNA Interviewspørgsmål og svar
• 50 Top PHP-interviewspørgsmål og -svar (til ALLE)
• Top 50+ spørgsmål og svar til databaseinterviews
• Nogle vanskelige manuelle testspørgsmål og svar
• 25 bedste spørgsmål om svar på Agile Testing Interview og svar
• Spock Interview-spørgsmål med svar (mest populære)