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.

youtube till mp3 online-omvandlare recensioner

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

vad är en swf-fil och hur öppnar jag den

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: Om vi ​​placerar flera staplar med samma .framsteg överordnat element, Bootstrap staplar dem i en enda förloppsindikator. Som vi vet är summan av förloppsindikatorn i bootstrap 100%. Så, förloppsindikatorn ger resultatet som full bredd och fullt befolkat.

F # 24) Hur kan vi anpassa länkar till pagination i Bootstrap?

Svar: Vi kan anpassa länkarna med hjälp av .Inaktiverad för oklickbara länkar och .aktiva för att indikera aktuell sida.

F # 25) Förklara inmatningsgruppen i Bootstrap.

Svar: Ingångsgruppen i bootstrap läggs ut från kontrollerna. Genom att använda en inmatningsgrupp kan vi enkelt lägga till förlängd och bifogad text eller knapp till de textbaserade ingångarna.

Vi kan förbereda och lägga till element till a .form-kontroll genom att ta alla element i en underklass .input-group. Därefter placerar du ditt extra innehåll i eni samma genom att använda klass .input-group-addon efter detta kan du placeraelement antingen före eller efter ingångselementet.

F # 26) Skriv hur du skapar en fliknavigeringsmeny i Bootstrap.

Svar: Vi kan skapa fliknavigering genom att skapa en grundläggande oordnad lista med basklassen av .är inte och efter detta kan vi lägga till klass .nav-flikar .

F # 27) Hur kan du skapa en pillernavigeringsmeny i Bootstrap?

Svar: Menyn för pillernavigering i bootstrap skapas genom att först skapa en oordnad lista med basklassen .är inte och efter detta lägg till klassen .nav-piller .

F # 28) Hur navbar fungerar i Bootstrap?

Svar: I bootstrap är navbar en framträdande funktion för att skapa en lyhörd metakomponent som fungerar som navigeringsrubriker för din applikation och webbplats. I mobilvyn kollapsar navbaren och blir horisontell när den tillgängliga visningsportbredden ökar.

F # 29) Hur kan vi skapa en navbar i Bootstrap?

Svar: För att skapa en navbar i en bootstrap först måste vi lägga till klasserna .navbar , .navbar-standard till taggen. Efter detta måste vi lägga till roll = ”navigering” till ovanstående element, och detta kommer att hjälpa till att vara otillgänglig.

Vi har lagt till en rubrikklass .nav-header till elementet, som inkluderar en element med ett klass navbar märke. Från detta får vi en text med större storlek.

med en .panel-titel klass för att ge fler stilar på rubriken.

F # 39) Vad är ett scrollspy-plugin i Bootstrap?

Svar: Det är en automatisk uppdatering av nav-plugin som gör det möjligt att hämta en del av sidan baserat på rullningspositionen. Detta kan göras av den .aktiva klassen till navbarbaserad rullningsposition.

F # 40) Hur fungerar affix-plugin i Bootstrap?

Svar: Detta plugin gör det möjligt att koppla till en plats på sidan.

Användning av den sociala ikonen på en sida är ett exempel på detta där vi ser att ikonerna kommer att börja på en plats, men när sidan träffar på ett visst märke blockerar den platsen och stoppar rullningen under resten av sida.

F # 41) Vad är nätverket i Bootstrap?

Svar: Genom att använda rutnätet kan vi skapa upp till 12 kolumner över en sida. Det finns olika klasser som har definierats för detta för användargränssnittet.

F # 42) Vad är Grid-klasser i Bootstrap?

Svar: Det finns fyra rutnätklasser i Bootstrap.

standardgateway är inte tillgängligt Windows 10

Dom är:

• xs (Den används för telefonskärmar som är mindre än 786 pixlar breda).
• sm (Den används för surfplattor som är större än 786 pixlar breda).
• md (Det är för liten bärbar datorskärm med en storlek som är lika med eller större än 992 px bred).
• LG (Det är för bärbara och stationära skärmar som är lika med större än 1200 pixlar).

F # 43) Vilka är globala stilar som används i Bootstrap Standard Typography?

Svar: I Bootstrap är den globala standardstorleken 14px och radhöjden är 1.428. Standardteckensnittsändringarna i Helvetica och Arial är med sans-serif fallback och alla dessa stilar är tillämpliga för både body och alla stycken.

F # 44) Vad kommer utmatningen av nedanstående kod?

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

Svar: Utgången från detta ger gallren för extra små enheter som vi kan se i kodavsnittet col-xs-12 som har använts och det kommer också att ge rutorna för stationära enheter och högre eftersom klass col-md-3 har varit Begagnade.

F # 45) Vilka beroenden kräver Bootstrap för att fungera korrekt?

Svar: jQuery är det enda beroendet som bootstrap kräver för att fungera ordentligt och detta är endast för JavaScript-plugins i bootstrap.

F # 46) Förklara vad koden nedan kommer att göra?

Home 36

Svar: Den här koden ger en länk med ett inbyggt märke som ger användaren ett viktigt meddelande som mottaget nummer, mottaget meddelande eller antalet förfrågningar etc.

F # 47) Vilka är de två koder som används för kodvisning i Bootstrap?

Svar: Koderna är 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.

F # 50) Vad är en övergångsplugin i Bootstrap?

Svar: Det ger enkla övergångseffekter som att glida eller blekna i modeller.

F # 51) Förklara konceptet att skapa en vertikal eller grundform i Bootstrap.

Svar: För det första måste vi lägga till en rollform till det överordnade elementet, sedan måste vi slå in etiketter och kontroller i en med class.form-group och sedan måste vi lägga till en class of .form-control till all text url och element .

Slutsats

Dessa intervjufrågor och svar hjälper dig att knäcka alla Bootstrap-intervjuer för en fräschare och erfaren nivå. Och det här är de vanligaste frågorna som ställs i intervjuerna.

Jag är säker på att den här artikeln skulle ha hjälpt dig att förstå grunderna och avancerad nivå för Bootstrap.

Vi önskar dig all lycka till din intervju !!

Rekommenderad läsning

• Intervjufrågor och svar
• ETL Testing Intervju Frågor och svar
• Topp 50 mest populära CCNA-intervjufrågor och svar
• 50 bästa PHP-intervjufrågor och svar (för ALLA)
• Topp 50+ frågor och svar om databasintervjuer
• Några knepiga manuella testfrågor och svar
• 25 bästa intervjuer och svar på Agile Testing
• Spock intervjufrågor med svar (mest populära)