Schließen
HTML5-Doctype
Bootstrap benutzt bestimmte HTML-Elemente und CSS-Eigenschaften, die die Verwendung des HTML5-Doctypes erforderlich machen. Füge diesen am Anfang von all deinen Projekten ein.
Mobile-First-Ansatz
Mit Bootstrap 2 haben wir optionale Stile für die wichtigsten Aspekte des Frameworks hinzugefügt, die Projekte für mobile Geräte bereit machten. Mit Bootstrap 3 haben wir das gesamte Projekt umgeschrieben, damit es sich von Anfang an gut mit mobilen Geräten versteht. Anstatt optionale mobile Stile zusätzlich hinzuzufügen, sind diese einfach direkt eingebaut. Genauer gesagt: Bootstrap ist ein Mobile-First-Projekt. Stile, die zunächst für kleine Bildschirme geschrieben wurden und sich dann den größeren anpassen, findest du in der gesamten Bibliothek immer wieder, anstatt in separaten Dateien.
Damit deine Seite auf mobilen Geräten vernünftig angezeigt wird und gezoomt werden kann, ergänze das Viewport-Meta-Tag in deinem <head>.
Du kannst Zooming auf mobilen Geräten deaktivieren, indem du user-scalable=no zu diesem Viewport-Meta-Tag hinzufügst. Dies deaktiviert Zooming, was bedeutet, dass Benutzer nur scrollen können und die Seite sich etwas mehr anfühlt wie eine native Anwendung. Alles in allem empfehlen wir dies nicht auf jeder Seite, also sei vorsichtig!
