KAPITEL 2

Struktur der Seite

Bootstrap realisiert ein horizontales Raster auf der Seite, in dem Elemente platziert werden. Das Raster läuft von links nach rechts.

Einführung

Die Basis für das Raster ist eine feste, gleichmäßige Unterteilung der Seite. Das Raster passt sich an die Größe des Ansichtsbereichs, des sogenannten Viewports, an.

Der HTML5-Doctype

Der erste Schritt zur Nutzung von Bootstrap besteht darin, die Webseite auf HTML5 einzustellen. Dies erfolgt mit dem richtigen Doctype (Zeile 1, danach angedeutet die folgende HTML-Seite):

<!DOCTYPE html>

<html lang="en">

...

</html>

Einstellungen des Ansichtsbereichs

Damit mobile Geräte von vornherein unterstützt werden, wird nun der Viewport festgelegt. Das erste Tag im <head>-Bereich ist ...

Get Bootstrap kurz & gut now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.