Zum Hauptinhalt springen
Es gibt eine neuere Version von Bootstrap 4!

Beispiele

Starten Sie schnell ein Projekt mit einem unserer Beispiele, die von der Verwendung von Teilen des Frameworks bis hin zu benutzerdefinierten Komponenten und Layouts reichen.

Quellcode herunterladen

Benutzerdefinierte Komponenten

Brandneue Komponenten und Vorlagen, die Leuten helfen, schnell mit Bootstrap zu beginnen, und Best Practices für das Hinzufügen zum Framework demonstrieren.

Album-Screenshot
Album

Einfache einseitige Vorlage für Fotogalerien, Portfolios und mehr.

Preis-Screenshot
Preisgestaltung

Beispielpreisseite, die mit Karten erstellt wurde und eine benutzerdefinierte Kopf- und Fußzeile enthält.

Checkout-Screenshot
Kasse

Benutzerdefiniertes Checkout-Formular, das unsere Formularkomponenten und ihre Validierungsfunktionen zeigt.

Produkt-Screenshot
Produkt

Schlanke produktfokussierte Marketingseite mit umfangreicher Raster- und Bildarbeit.

Cover-Screenshot
Abdeckung

Eine einseitige Vorlage zum Erstellen einfacher und schöner Homepages.

Karussell-Screenshot
Karussell

Passen Sie die Navigationsleiste und das Karussell an und fügen Sie dann einige neue Komponenten hinzu.

Blog-Screenshot
Bloggen

Magazinähnliche Blog-Vorlage mit Header, Navigation, vorgestellten Inhalten.

Dashboard-Screenshot
Armaturenbrett

Einfache Admin-Dashboard-Shell mit fester Seitenleiste und Navigationsleiste.

Anmelde-Screenshot
Einloggen

Benutzerdefiniertes Formularlayout und -design für ein einfaches Anmeldeformular.

Screenshot der klebrigen Fußzeile
Klebrige Fußzeile

Fügen Sie eine Fußzeile am unteren Rand des Darstellungsbereichs hinzu, wenn der Seiteninhalt kurz ist.

Screenshot der Sticky Footer-Navigationsleiste
Sticky Footer-Navigationsleiste

Fügen Sie eine Fußzeile mit einer festen oberen Navigationsleiste am unteren Rand des Ansichtsfensters an.

Rahmen

Beispiele, die sich auf die Implementierung der Verwendung von integrierten Komponenten konzentrieren, die von Bootstrap bereitgestellt werden.

Screenshot der Startervorlage
Starter-Vorlage

Nichts als die Grundlagen: kompiliertes CSS und JavaScript.

Grid-Screenshot
Netz

Mehrere Beispiele für Rasterlayouts mit allen vier Ebenen, Verschachtelung und mehr.

Jumbotron-Screenshot
Jumbotron

Bauen Sie mit einer Navigationsleiste und einigen einfachen Gittersäulen um das Jumbotron herum.

Nehmen Sie die standardmäßige Navigationsleistenkomponente und zeigen Sie, wie sie verschoben, platziert und erweitert werden kann.

Navbars-Screenshot
Navigationsleisten

Demonstration aller Responsive- und Container-Optionen für die Navigationsleiste.

Statischer Screenshot der Navigationsleiste
Navigationsleiste statisch

Einzelnes Navbar-Beispiel einer statischen Top-Navbar zusammen mit einigen zusätzlichen Inhalten.

Navbar-Screenshot behoben
Navigationsleiste behoben

Beispiel für eine einzelne Navigationsleiste mit einer festen oberen Navigationsleiste zusammen mit einigen zusätzlichen Inhalten.

Screenshot der unteren Navigationsleiste
Navigationsleiste unten

Beispiel für eine einzelne Navigationsleiste mit einer unteren Navigationsleiste zusammen mit einigen zusätzlichen Inhalten.

Experimente

Beispiele, die sich auf zukunftsfreundliche Funktionen oder Techniken konzentrieren.

Screenshot mit schwebenden Etiketten
Schwebende Etiketten

Wunderschöne einfache Formulare mit schwebenden Beschriftungen über Ihren Eingaben.

Offcanvas-Screenshot
Leinwand

Verwandeln Sie Ihre erweiterbare Navigationsleiste in ein verschiebbares Offcanvas-Menü.