Bootstrap Beispiele

Ich stelle hier ein paar Beispiele aus dem Netz zusammen, so bekommt man einen kleinen Überblick zu einer mit Bootstrap erstellten Seite, die nur wenig individuelle Anpassung oder Erweiterungen der CSS Dateien erfahren hat. Sie können unter dem Menüpunkt Style meine persönlichen Anpassungen deaktivieren und zwischen den Bootstrap Versionen 3 und 4 umschalten.

Datei	Kurze Beschreibung des Beispiels
style_rr	Meine individuellen Anpassungen gegenüber Bootstrap.
Grid	Bootstrap teilt die Seite in beliebig viele Zeilen und 12 Spalten ein. Mit diesem Grid-Layout kann man dann die gesamte Seite gestalten.
Text	Viele vordefinierte Layouts für die Darstellung von Texten.
Formulare	Viele vordefinierte Layouts für die Darstellung bei Formularen.
Bilder	Slideshow Test mit dem Bootstrap add-on Blueimp.

Ich habe hier schon ein spezielles Layout gewählt, indem ich die folgenden Eigenheiten definiert habe:

Feste Navigationsleiste mit Menü oben
Feste n Footer (Copyright) unten, auch wenn die Seite nicht voll ist
Feste (vom Media abhängige) Breite zentrierte in der Mitte mit eigenem Hintergrundbild.

Mehr Details zu Boootstrap findet man beispielweise bei holdirbootstrap.de.

Die Unterschiede zwischen Bootstrap 3 und 4 werden bei quackit.com detailliert beschrieben.