top 51 bootstrap interview questions
Am häufigsten gestellte Fragen und Antworten zum Bootstrap-Interview:
Hier, in diesem Artikel, haben wir eine Liste der beliebtesten Interviewfragen und -antworten für das Knacken des Bootstrap-Interviews aufgenommen.
Dies wird dazu beitragen, das Interview sowohl für erfahrene als auch für frischere Kandidaten zu knacken.
Lass uns gehen!!
Die beliebtesten Fragen und Antworten zum Bootstrap-Interview
Lasst uns beginnen!!
F # 1) Definieren Sie Bootstrap.
Antworten: Bootstrap ist ein Front-End-Framework, das zum Erstellen von HTML-, CSS- und JS-Webanwendungen verwendet wird. Das Layout ist sehr reaktionsschnell, schnell und einfach zu bedienen. Es konzentriert sich hauptsächlich auf das Erstellen einer mobilen Anwendung mit Entwurfsvorlagen zum Erstellen von Benutzeroberflächen wie Dropdown, Formularen, Schaltflächen, Registerkarte 'Warnungen' usw.
F # 2) Warum wird Bootstrap für die mobile Webentwicklung verwendet?
Antworten: Es wird für die mobile Webentwicklung verwendet, da es reaktionsschnelle Designs und Vorlagen enthält, die einfach zu verwenden sind.
F # 3) Erläutern Sie die Funktionen von Bootstrap.
Antwort: Zu den Funktionen gehören:
- Open Source zur Verwendung
- Kompatibilität mit allen Browsern.
- Responsive Designs
- Einfach zu bedienen und schnell.
F # 4) Definieren Sie die Schlüsselkomponenten von Bootstrap.
Antwort: Zu seinen Komponenten gehören:
- Gerüst: Es hat das Rastersystem, Hintergrund, Stile.
- JS Plugins: Enthält JS- und jQuery-Plugins.
- Anpassen: Kann Frameworks anpassen.
- CSS: Enthält CSS-Dateien.
F # 5) Was verstehen Sie unter Bootstrap-Container?
Antworten: Der Bootstrap-Container verhält sich wie ein Container, in den Sie HTML-Code einfügen können, und ist ein Teil der Seite, in dem der Inhalt der Site platziert werden kann, um sie reaktionsschnell und schnell zu gestalten.
F # 6) Was meinst du mit Bootstrap Classloader?
Antworten: Der Bootstrap-Klassenlader ist ein Teil von Java und eine Hauptklasse der Elternklasse des Klassenladers.
Q # 7)Wiegibt es viele Arten von Layouts in Bootstrap?
Antworten: In Bootstrap gibt es zwei Arten von Layouts.
Sie sind:
- Flüssigkeitsanordnung
- Festes Layout
F # 8) Definieren Sie das Flüssigkeitslayout.
Antworten: Das Fluid-Layout ist nützlich, wenn Sie eine App erstellen müssen, die die gesamte Bildschirmbreite umfasst, d. H. Das Fluid-Layout passt sich der Browsergröße an.
F # 9) Festes Layout definieren.
Antworten: Ein festes Layout reagiert und ist einfach zu bedienen, kann sich jedoch genau wie das flüssige Layout nicht an die Größe des Browsers anpassen. Das feste Layout sollte in den meisten Fällen 940 px betragen.
F # 10) Wie können Sie Code in Bootstrap anzeigen?
Antworten: Sie können den Code auf zwei Arten anzeigen, d. H. Mit 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.
Software zum Ausspionieren von Handys
- 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.
Spyware zum Auflegen auf das Handy
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 Antworten: Wenn wir mehrere Balken mit demselben platzieren .Fortschritt Das übergeordnete Element, Bootstrap, stapelt sie in einem einzigen Fortschrittsbalken. Wie wir wissen, beträgt die Summe der Fortschrittsbalken im Bootstrap 100%. Der Fortschrittsbalken gibt das Ergebnis also in voller Breite und vollständig ausgefüllt an.
Q. # 24) Wie können wir Paginierungslinks in Bootstrap anpassen?
Antworten: Wir können die Links mithilfe von anpassen .behindert für nicht klickbare Links und .aktiv zur Anzeige der aktuellen Seite.
Q. # 25) Erläutern Sie die Eingabegruppe in Bootstrap.
Antworten: Die Eingabegruppe im Bootstrap wird aus den Steuerelementen gelöscht. Mithilfe einer Eingabegruppe können wir den textbasierten Eingaben auf einfache Weise vorangestellten und angehängten Text oder Schaltflächen hinzufügen.
Wir können a Elemente voranstellen und anhängen .form-control indem Sie alle Elemente in einer unter einer Klasse nehmen .Eingabegruppe. Platzieren Sie danach Ihren zusätzlichen Inhalt in einemim gleichen mit Klasse .input-group-addon Danach können Sie die platzierenElement entweder vor oder nach dem Eingabeelement.
Q. # 26) Schreiben Sie die Möglichkeiten zum Erstellen eines Navigationsmenüs mit Registerkarten in Bootstrap.
Antworten: Wir können eine Navigation mit Registerkarten erstellen, indem wir eine einfache ungeordnete Liste mit der Basisklasse von erstellen .sind nicht und danach können wir Klasse hinzufügen .nav-tabs .
Q. # 27) Wie können Sie in Bootstrap ein Pillen-Navigationsmenü erstellen?
Antworten: Das Pillen-Navigationsmenü im Bootstrap wird erstellt, indem zunächst eine ungeordnete Liste mit der Basisklasse von erstellt wird .sind nicht und danach die Klasse hinzufügen .nav-Pillen .
Q. # 28) Wie funktioniert die Navigationsleiste in Bootstrap?
Antworten: In Bootstrap ist die Navigationsleiste eine herausragende Funktion, um eine reaktionsfähige Metakomponente zu erstellen, die als Navigationsheader für Ihre Anwendung und Site fungiert. In der mobilen Ansicht wird die Navigationsleiste ausgeblendet und mit zunehmender Breite des verfügbaren Ansichtsfensters horizontal.
Q. # 29) Wie können wir eine Navigationsleiste in Bootstrap erstellen?
Antworten: Um zunächst eine Navigationsleiste in einem Bootstrap zu erstellen, müssen wir die Klassen hinzufügen .navbar , .navbar-default zum Tag. Danach müssen wir dem obigen Element die Rolle = 'Navigation' hinzufügen, was die Unzugänglichkeit erleichtert.
Wir haben eine Header-Klasse hinzugefügt .nav-header zu dem Element, das ein enthält Element mit einer Klasse Navbar Marke. Daraus erhalten wir einen Text mit einer größeren Größe.
Q. # 30) Was ist Bootstrap Breadcrumb?
Antworten: Bootstrap Breadcrumb ist eine effiziente Methode, um hierarchiebasierte Informationen für eine Site anzuzeigen. Dies kann die Veröffentlichungsdaten, Kategorien oder Tags in einem Blog anzeigen. Sie informieren den Benutzer auch über den aktuellen Seitenstandort innerhalb einer Navigationshierarchie.
Wir können also sagen, dass Bootstrap Breadcrumb einfach eine ungeordnete Liste mit einer Klasse von ist .breadcrumb .
F # 31) Was sind Labels in Bootstrap?
Antworten: Bootstrap-Labels werden verwendet, um Zählungen, Tipps oder andere Dinge anzubieten, um Markups auf Webseiten bereitzustellen. Um das Label in Bootstrap zu verwenden, verwenden wir die Klasse .labels um die Etiketten anzuzeigen.
Q. # 32) Was sind Abzeichen in Bootstrap?
Antworten: Abzeichen sind homogen zu Etiketten, der Hauptunterschied zwischen ihnen besteht darin, dass die Ecken runder sind. Die Hauptaufgabe von Abzeichen im Bootstrap besteht darin, neue oder ungelesene Elemente hervorzuheben. Um Abzeichen zu verwenden, fügen Sie einfach hinzuzu Links und Bootstrap-Navis.
Q. # 33) Was ist ein Jumbotron in Bootstrap?
Antworten: Es wird verwendet, um die Überschriften zu vergrößern und viele Ränder für den Inhalt der Zielseite hinzuzufügen. Um ein Jumbotron zu erstellen, müssen wir einen Container mit der Klasse von erstellen .Jumbotron.
Q. # 34) Wie können wir das Image in Bootstrap reaktionsfähig machen?
Antworten: Nachdem die Aktualisierungen in Bootstrap hinzugefügt wurden, können Sie dies tun, indem Sie eine Klasse hinzufügen .img-responsive zum Etikett. Diese Klasse macht die Breite max-width = 100%; und Höhe = Auto; auf das Bild, so dass es gut zum übergeordneten Element passt.
Q. # 35) Was meinst du mit Normalisieren in Bootstrap?
Antworten: Bootstrap Normalize ist eine kleine CSS-Datei, mit der die Konsistenz zwischen Browsern hergestellt wird.
Q. # 36) Was ist eine Lead-Body-Kopie in Bootstrap?
Antworten: Es wird verwendet, um dem Absatz einen gewissen Aufstieg hinzuzufügen, wenn wir class = ”lead” hinzufügen. Dadurch werden die Schriftgröße und die Zeilenhöhe vergrößert.
Q. # 37) Was sind Panels in Bootstrap?
Antworten: Panels sind Komponenten, die verwendet werden, wenn Sie Ihre DOM-Komponente in eine Box packen möchten. Um ein Basisfenster abzurufen, müssen wir dem Element lediglich class.panel hinzufügen. Wir können diesem Element auch class.panel-default hinzufügen.
Q. # 38) Wie erstellen Sie ein Bootstrap-Bedienfeld mit der Überschrift?
Antworten: Es gibt zwei Möglichkeiten, wie Sie eine Panelüberschrift hinzufügen können.
Erstens können wir das direkt verwenden .panel-Überschrift Klasse zum Hinzufügen von Überschriftencontainern in einem Bedienfeld. Die zweite Möglichkeit besteht darin, ein beliebiges Überschriften-Tag wie zu verwenden
zumit einer .panel-Titel Klasse, um mehr Stile auf der Überschrift zu geben.
Q. # 39) Was ist ein Scrollspy-Plugin in Bootstrap?
Beste VPN für Japan
Antworten: Es ist ein automatisch aktualisiertes Navigations-Plugin, das das Abrufen eines Abschnitts der Seite basierend auf der Bildlaufposition ermöglicht. Dies kann durch erfolgen die .active Klasse zur Navbar-basierten Bildlaufposition.
Q. # 40) Was ist die Arbeit des Affix-Plugins in Bootstrap?
Antworten: Mit diesem Plugin kann ein an einen Ort auf der Seite angehängt werden.
Die Verwendung des sozialen Symbols auf einer Seite ist ein Beispiel dafür, in dem wir sehen, dass die Symbole an einer Stelle beginnen. Wenn die Seite jedoch auf eine bestimmte Markierung trifft, blockiert sie die Position und stoppt das Scrollen für den Rest der Seite Seite.
Q. # 41) Was ist das Grid-System in Bootstrap?
Antworten: Mit dem Rastersystem können wir bis zu 12 Spalten auf einer Seite erstellen. Hierfür wurden verschiedene Klassen für den UI-Zweck definiert.
Q. # 42) Was sind Grid-Klassen im Bootstrap?
Antworten: In Bootstrap gibt es vier Rasterklassen.
Sie sind:
- xs (Es wird für Telefonbildschirme mit einer Breite von weniger als 786 Pixel verwendet.)
- sm (Es wird für Tablet-Bildschirme mit einer Breite von mehr als 786 Pixel verwendet.)
- md (Dies ist für kleine Laptop-Bildschirme mit einer Breite von mindestens 992 Pixel geeignet.)
- LG (Dies gilt für Laptop- und Desktop-Bildschirme mit einer Breite von mehr als 1200 Pixel).
Q. # 43) Welche globalen Stile werden in der Bootstrap-Standardtypografie verwendet?
Antworten: In Bootstrap beträgt die globale Standardschriftgröße 14 Pixel und die Zeilenhöhe 1,428. Die Standardänderungen der Schriftart in Helvetica und Arial erfolgen ohne Serifen-Fallback. Alle diese Stile gelten sowohl für den Text als auch für alle Absätze.
Q. # 44) Wie wird der folgende Code ausgegeben?
.col-xs-12 .col-md-3 Antworten: Die Ausgabe davon gibt die Gitter für extra kleine Geräte an, wie wir im verwendeten Snippet col-xs-12 sehen können, und es gibt auch die Gitter für Desktop-Geräte und höher, wie es die Klasse col-md-3 war benutzt.
Q. # 45) Welche Abhängigkeiten benötigt Bootstrap, um richtig zu funktionieren?
Antworten: jQuery ist die einzige Abhängigkeit, die Bootstrap benötigt, um ordnungsgemäß zu funktionieren, und dies gilt nur für JavaScript-Plugins in Bootstrap.
Q. # 46) Erklären Sie, was der folgende Code bewirkt.
Home 36 Antworten: Dieser Code erzeugt einen Link mit einem Inline-Badge, der dem Benutzer eine wichtige Benachrichtigung wie die empfangene Nummer, die empfangene Nachricht oder die Anzahl der Anfragen usw. gibt.
Q. # 47) Welche zwei Codes werden für die Codeanzeige in Bootstrap verwendet?
Antworten: Die Codes sind 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) Was ist ein Übergangs-Plugin in Bootstrap?
Antworten: Es bietet einfache Übergangseffekte wie das Verschieben oder Einblenden von Modalitäten.
Q. # 51) Erläutern Sie das Konzept zum Erstellen einer vertikalen oder grundlegenden Form in Bootstrap.
Antworten: Dazu müssen wir zuerst dem übergeordneten Element ein Rollenformular hinzufügen, dann Beschriftungen und Steuerelemente in eine with class.form-Gruppe einschließen und dann allen Text-URLs und Elementen eine Klasse von .form-control hinzufügen .
Fazit
Diese Interviewfragen und -antworten helfen Ihnen dabei, jedes Bootstrap-Interview für ein frischeres und erfahreneres Niveau zu knacken. Und dies sind die häufigsten Fragen, die in den Interviews gestellt werden.
Ich bin sicher, dass dieser Artikel Ihnen geholfen hätte, die Grundlagen und das fortgeschrittene Niveau von Bootstrap zu verstehen.
Wir wünschen Ihnen alles Gute für Ihr Interview!
Literatur-Empfehlungen
- Interview Fragen und Antworten
- Fragen und Antworten zum ETL-Testinterview
- Top 50 der beliebtesten Fragen und Antworten zu CCNA-Interviews
- 50 Top Fragen und Antworten zu PHP-Interviews (für ALLE)
- Top 50+ Fragen und Antworten zum Datenbankinterview
- Einige knifflige manuelle Testfragen und -antworten
- 25 Fragen und Antworten zu den besten Agile Testing-Interviews
- Spock Interview Fragen mit Antworten (am beliebtesten)