Fügen Sie den HTML 5-Dokumenttyp hinzu: Bootstrap verwendet HTML-Elemente und CSS-Eigenschaften, daher müssen Sie den HTML 5-Doctype am Anfang der Seite mit dem Lang-Attribut und dem richtigen Zeichensatz hinzufügen.
Ex:
Any title //write code
Bootstrap ist mobilfreundlich: Bootstrap 3 ist so konzipiert, dass es auf mobile Geräte reagiert.
Mobile-First-Stile sind Teil des Kern-Frameworks von Bootstrap. Sie müssen das folgende Tag innerhalb des Elements hinzufügen, um eine ordnungsgemäße Darstellung und Touch-Zoomung zu gewährleisten:
Notiz: Der 'width=Gerätebreite' Teil wird verwendet, um die Breite der Seite so einzustellen, dass sie der Bildschirmbreite des Geräts folgt (variiert je nach Gerät).
Der Anfangsskala=1 Teil wird verwendet, um die anfängliche Zoomstufe festzulegen, wenn die Seite zum ersten Mal vom Browser geladen wird.
Behälter: Der Container wird verwendet, um den Inhalt der Website zu verpacken. Es gibt zwei Containerklassen.
- Der .container-Klasse Bietet einen reaktionsfähigen Container mit fester Breite.
- Der .container-flüssigkeit Die Klasse stellt einen Container voller Breite bereit, der sich über die gesamte Breite des Ansichtsfensters erstreckt.
Hinweis: Ein Container kann nicht in einen Container gestellt werden.
Erstes Bootstrap-Beispiel (mit responsivem Container mit fester Breite)
This is a Bootstrap example <p>Write your text here..</p>
Testen Sie es jetzt