Heim >Web-Frontend >Bootstrap-Tutorial >So deaktivieren Sie die Reaktionsfähigkeit in Bootstrap3
Bootstrap3 verbietet reaktionsfähige Einstellungsmethoden: 1. Entfernen Sie das Tag „“, das das Browser-Ansichtsfenster festlegt. 2. Überschreiben Sie die Standardbreiteneinstellung des Rahmens, indem Sie einen Breitenwert für die Klasse „.container“ festlegen Stäbe haben ein Falt- und Expansionsverhalten.
Empfohlen: „Bootstrap-Tutorial“
Responsives Layout deaktivieren
Bootstrap hilft Ihnen automatisch dabei, Ihre Seite an verschiedene Bildschirmgrößen anzupassen, damit sie auf Bildschirmen unterschiedlicher Größe gut funktioniert. Nachfolgend listen wir auf, wie Sie diese Funktion deaktivieren können, wie auf dieser Beispielseite für ein nicht reagierendes Layout.
Die Schritte zum Deaktivieren des responsiven Layouts lauten wie folgt:
Entfernen Sie das Tag, das das in diesem CSS-Dokument erwähnte Browser-Ansichtsfenster (Ansichtsfenster) festlegt: .
Überschreiben Sie die Standardbreiteneinstellung des Rahmens, indem Sie einen Breitenwert für die .container-Klasse festlegen, z. B. width: 970px !important . Stellen Sie sicher, dass diese Einstellungen alle nach der Standard-Bootstrap-CSS-Datei platziert werden. Beachten Sie, dass Sie !important auch weglassen können, wenn Sie es in eine Medienabfrage einfügen.
Wenn eine Navigationsleiste verwendet wird, müssen Sie das Falt- und Erweiterungsverhalten aller Navigationsleisten entfernen.
Fügen Sie für das Rasterlayout zusätzliche .col-xs-*-Klassen hinzu oder ersetzen Sie .col-md-* und .col-lg-*. Keine Sorge, das Rastersystem für Geräte mit ultrakleinem Bildschirm ist auf alle Auflösungen erweiterbar.
Für IE8 muss noch eine zusätzliche Respond.js-Datei eingeführt werden (da die Unterstützung des Browsers für Medienabfragen (Medienabfrage) weiterhin verwendet wird, muss noch eine Verarbeitung durchgeführt werden). Dadurch wird die Reaktionsfähigkeitsunterstützung von Bootstrap für mobile Geräte deaktiviert.
Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Reaktionsfähigkeit in Bootstrap3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!