Dieser Artikel fasst einige häufig gestellte Fragen zu Bootstrap-Interviews für Sie zusammen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie lernen und weitere Bootstrap-Tutorials erhalten möchten, können Sie auch Folgendes besuchen: Bootstrap-Tutorial!
1. Warum Bootstrap verwenden?
Bootstrap bietet die Vorteile der Priorität für mobile Geräte, einer guten Browserunterstützung, einer einfachen Bedienung und eines ansprechenden Designs. usw. Daher ist Bootstrap weit verbreitet.
2.Fügen Sie das Viewport-Meta-Tag in 2.head hinzu
Um die von Bootstrap entwickelte Website mobilfreundlich zu gestalten und eine ordnungsgemäße Zeichnung und Berührung sicherzustellen Bei der Bildschirmskalierung ist es erforderlich, das Ansichtsfenster-Meta-Tag zum Kopf der Webseite hinzuzufügen, und das Attribut
width steuert die Breite des Geräts. Unter der Annahme, dass Ihre Website auf Geräten mit unterschiedlichen Bildschirmauflösungen angezeigt wird, stellt die Einstellung auf Gerätebreite sicher, dass sie auf verschiedenen Geräten korrekt gerendert wird.
iinitial-scale=1.0;Stellen Sie sicher, dass die Webseite beim Laden im Verhältnis 1:1 ohne Skalierung gerendert wird.
In mobilen Browsern kann das Zoomen deaktiviert werden, indem user-scalable=no zum viewport-Meta-Tag hinzugefügt wird.
Normalerweise wird maximum-scale=1.0 zusammen mit user-scalable=no verwendet. Nach dem Deaktivieren der Zoomfunktion können Benutzer nur den Bildschirm scrollen, wodurch Ihre Website eher wie eine native Anwendung aussieht. Fügen Sie daher den folgenden Code hinzu:
<metaname="viewport" content="width=device-width,initial-scale=1">
3 Für verschiedene Größen Für Geräte, was sind die von Bootstrap festgelegten Klassenpräfixe?
Extra kleine Geräte für Mobiltelefone (<768px): .col-xs-
Kleine Geräte für Tablets (>=768px): .col-sm-
Desktop für mittlere Geräte (>=992px): .col-md-
Desktop für große Geräte (>=1200px): .col-lg-
4 .So geht's eine responsive Tabelle in Bootstrap einrichten?
Klasse hinzufügen="table-responsive"
5. Was sind die grundlegenden Schritte zum Erstellen eines vertikalen Formulars mit Bootstrap?
(1) Rolle="form" zum übergeordneten Element
hinzufügen (2) Beschriftung und Steuerelement in einer Gruppe mit class="form-" platzieren. Gruppe " in
, was notwendig ist, um einen optimalen Abstand zu erhalten;
(3) Fügen Sie class=" zu allen Textelementen ,
