O'Reilly logo

Bootstrap kurz & gut by Jörg Krause

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required