Die 25 wichtigsten Fragen und Antworten zum Bootstrap-Interview (2023)

Hier finden Sie Fragen und Antworten zu Bootstrap-Interviews für Berufseinsteiger sowie erfahrene Front-End-Entwickler-Kandidaten, die ihren Traumjob bekommen möchten.

---

1) Erklären Sie, was Bootstrap ist.

Bootstrap ist ein HTML-, CSS- und JS-Framework zum Erstellen umfangreicher Webanwendungen mit minimalem Aufwand. Dieses Framework konzentriert sich mehr auf die Erstellung mobiler Webanwendungen.

? Kostenloser PDF-Download: Fragen und Antworten zum Bootstrap-Interview

---

2) Erklären Sie, warum Sie Bootstrap für die Erstellung der Websites wählen sollten.

Es gibt wenige Gründe, warum wir Bootstrap für die Erstellung von Websites wählen

• Mobile Support: Für mobile Geräte bietet es volle Unterstützung in einer einzigen Datei statt in einer separaten Datei. Es unterstützt das responsive Design inklusive der Anpassung des CSS basierend auf den verschiedenen Gerätetypen, der Größe des Bildschirms usw. Es reduziert den Mehraufwand für Entwickler.
• Leicht zu lernen: Das Schreiben einer Anwendung in Bootstrap ist einfach, wenn Sie CSS kennen und HTML
• Browser-Unterstützung: Es unterstützt alle gängigen Browser wie Firefox, Opera, Safari, IE usw.

---

3) Was sind die Schlüsselkomponenten von Bootstrap?

Die Schlüsselkomponenten von Bootstrap sind

• CSS: Es enthält zahlreiche CSS-Dateien
• Gerüst: Es bietet eine Grundstruktur mit Rastersystem, Linkstilen und Hintergrund
• Layout-Komponenten: Liste der Layoutkomponenten
• JavaScript-Plugins: Es enthält viele jQuery und JavaScript-Plugins
• Anpassen: Um Ihre eigene Version des Frameworks zu erhalten, können Sie Ihre Komponenten anpassen

---

4) Erklären Sie, was Klassenlader in Bootstrap sind.

Der Klassenlader ist ein Teil von JRE (Java Runtime Environment), der Java-Klassen in die virtuelle Java-Umgebung lädt. Klassenlader übernehmen auch den Prozess der Konvertierung einer benannten Klasse in ihre entsprechende Binärform.

---

5) Welche Layouttypen sind in Bootstrap verfügbar?

In Bootstrap stehen zwei Arten von Layouts zur Verfügung

• Flüssiges Layout: Ein flüssiges Layout wird verwendet, wenn Sie eine App erstellen möchten, die 100 % breit ist und die gesamte Bildschirmbreite ausnutzt
• Festes Layout: Für einen Standardbildschirm verwenden Sie die Option „Festes Layout“ (940 Pixel).

---

6) Erklären Sie, was das Bootstrap Grid System ist.

Zum Erstellen eines Seitenlayouts durch eine Reihe von Zeilen und Spalten, die Ihren Inhalt enthalten, wird das Bootstrap Grid System verwendet.

---

7) Was sind Offset-Spalten in Bootstrap?

Für speziellere Layouts sind Versätze eine nützliche Funktion. Für mehr Abstand können sie durch Umschieben der Säule genutzt werden.

Zum Beispiel, .col-xs=* Klassen unterstützen keinen Offset, können aber problemlos mit einer leeren Zelle repliziert werden

---

8) Was ist die Spaltenreihenfolge in Bootstrap?

Die Spaltenreihenfolge ist eine der in Bootstrap verfügbaren Funktionen und Sie können Spalten ganz einfach in einer Reihenfolge schreiben und sie in einer anderen anzeigen. Mit .col-md-push-* und .col-md-pull-*

Die Reihenfolge der Spalten kann leicht geändert werden.

---

9) Mit welcher Funktion können Sie einen Seiteninhalt umbrechen?

Zum Umschließen eines Seiteninhalts können Sie verwenden .Container und damit können Sie auch den Inhalt zentrieren.

---

10) Erklären Sie, was Paginierung in Bootstrap ist und wie sie klassifiziert wird.

Unter Paginierung versteht man die Handhabung einer ungeordneten Liste durch Bootstrap. Um die Paginierung zu handhaben, stellt Bootstrap die folgenden Klassen bereit

• .Seitennummerierung: Um eine Paginierung auf Ihrer Seite zu erhalten, müssen Sie diese Klasse hinzufügen
• .disabled, .active: Passen Sie Links durch .disabled für nicht anklickbare Links und .active an, um die aktuelle Seite anzuzeigen
• .pagination-Ig, .pagination-sm: Verwenden Sie diese Klassen, um Artikel unterschiedlicher Größe zu erhalten

---

11) Wozu dient Jumbotron in Bootstrap?

Beim Bootstrap wird Jumbotron im Allgemeinen für Inhalte verwendet, die Sie hervorheben möchten, z. B. einen Slogan oder eine Marketing-Überschrift usw. Mit anderen Worten: Es wird verwendet, um die Größe der Überschriften zu vergrößern und einen Rand für den Inhalt der Zielseite hinzuzufügen

Um das Jumbotron in Bootstrap zu verwenden

• Erstellen Sie einen Container mit der Klasse .jumbotron

---

12) Was ist der Unterschied zwischen Bootstrap und Foundation?

Bootstrap	Foundation
– Bootstrap bietet eine unbegrenzte Anzahl von UI-Elementen	– In Foundation sind die Optionen für UI-Elemente in ihrer Anzahl sehr begrenzt
– Bootstraps verwendet Pixel	– Foundation verwendet REMs
– Bootstrap ermutigt zum Design sowohl für Desktops als auch für Mobilgeräte.	– Stiftung ermutigt dazu, zuerst Mobilgeräte zu entwerfen
– Bootstrap unterstützt LESS als Präprozessor	– Stiftungsunterstützung Sass und Compass als Präprozessor

 

---

13) Welche zwei Möglichkeiten gibt es, den Code in Bootstrap anzuzeigen?

In Bootstrap können Sie Code auf zwei Arten anzeigen

• tag : Wenn Sie Code inline anzeigen möchten, sollten Sie tag verwenden
• Schild: Wenn Sie den Code als eigenständiges Blockelement anzeigen möchten oder er aus mehreren Zeilen besteht, sollten Sie ihn verwenden Etikett

---

14) Erklären Sie, welche Schritte zum Erstellen einfacher oder vertikaler Formen erforderlich sind.

Die Schritte zum Erstellen einfacher oder vertikaler Formen sind:

• Fügen Sie eine Rolle hinzu Formular an die Eltern Element
• Wickeln Sie Etiketten und Bedienelemente in ein mit Klasse .Gruppe formen. Um einen optimalen Abstand zu erreichen, ist dies erforderlich
• Fügen Sie eine Klasse hinzu .form-control zu allen Texturen , , und <select> Elemente

---

15) Erklären Sie, wofür das Modal-Plugin in Bootstrap verwendet wird.

Ein Modal ist ein untergeordnetes Fenster, das über dem übergeordneten Fenster liegt. Mit einem benutzerdefinierten JQuery-Plugin werden Bootstrap Modal erstellt. Um das Benutzererlebnis zu bereichern und den Benutzern Funktionalität hinzuzufügen, werden modale Fenster mithilfe des Modal-Plugins erstellt.

---

16) Erklären Sie, was ein Bootstrap-Container ist.

Der Bootstrap-Container ist eine nützliche Klasse, die einen zentrierten Bereich innerhalb der Seite erstellt, in den der Inhalt unserer Website eingefügt werden kann. Der Vorteil des Bootstrap-Containers besteht darin, dass er reagiert und unseren gesamten anderen HTML-Code platziert.

---

17) Erklären Sie, was Bootstrap-kollabierende Elemente sind.

Mit Bootstrap Collapsed Elements können Sie jedes einzelne Element ausblenden, ohne JavaScript-Code oder das Akkordeon-Markup schreiben zu müssen. Um in Bootstrap kollabierende Elemente anzuwenden, müssen Sie dem Controller-Element data-toggle= „collapse“ zusammen mit einem data-target oder href hinzufügen, um automatisch die Kontrolle über ein kollabierbares Element zuzuweisen. Ebenso können Sie .collapse (Optionen), .collapse ('show') oder .collapse ('hide') verwenden.

---

18) Erklären Sie, was eine Listengruppe in Bootstrap ist und welchen Zweck sie hat.

Listengruppen sind Komponenten zur Anzeige sowohl einfacher als auch komplexer Elemente mit benutzerdefiniertem Inhalt

Beispielsweise wird mithilfe der Klasse eine einfache Listengruppe erstellt .list-group um die Liste anzusprechen, und Klasse .list-group-item um einzelne Elemente anzusprechen.

---

19) Wie kann man in Bootstrap ein Abzeichen zur Listengruppe hinzufügen?

Um ein Abzeichen zur Listengruppe in Bootstrap hinzuzufügen, müssen Sie es einfach hinzufügen innerhalb der Element.

---

20) Erklären Sie, was Medienobjekte in Bootstrap sind und welche Typen sie haben.

Mit Medienobjekten in Bootstrap können Medienobjekte wie Bilder, Videos oder Audio links oder rechts von den Inhaltsblöcken platziert werden. Mit der Klasse kann ein Medienelement erstellt werden .Medien und die Quelle wird bei der Verwendung der Klasse angegeben .Medienobjekt. Es gibt zwei Arten von Medienobjekten:

Es gibt zwei Arten

• .Medien
• .Medienliste

---

21) Erklären Sie, was Bootstrap gut ist.

Bootstrap ist ein Container Dadurch erscheint der Inhalt versunken oder es entsteht ein Einfügungseffekt auf der Seite. Um einen Brunnen zu erstellen, umschließen Sie den Inhalt, der im Brunnen erscheinen soll, mit einem enthält die Klasse von .well.

 

---

22) Erklären Sie, wie Sie Nav-Elemente in Bootstrap erstellen können.

Bootstrap bietet verschiedene Optionen zum Gestalten von Navigationselementen, die alle das gleiche Markup und die gleiche Basisklasse .nav verwenden.

So erstellen Sie eine tabellarische Navigation oder Tabs

• Beginnen Sie mit einer einfachen ungeordneten Liste mit der Basisklasse von .nav
• Dann füge Klasse hinzu .nav-tabs

---

23) Erklären Sie, wozu das Bootstrap Carousel-Plugin dient.

Das Carousel-Plugin wird verwendet, um Ihrer Website einen Slider hinzuzufügen. Dies ist nützlich, wenn Sie eine große Menge an Inhalten auf kleinem Raum auf den Webseiten anzeigen möchten. Einige der Standardkarussells umfassen

• .carousel (Optionen)
• .carousel („Zyklus“)
• .carousel ('Pause')
• .carousel ('Nummer')
• .carousel ('prev')
• .carousel ('next')

Diese Interviewfragen helfen auch bei Ihrer mündlichen Prüfung