Zum Hauptinhalt springen

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.

Ausschnitte

Gängige Muster zum Erstellen von Websites und Apps, die auf vorhandenen Komponenten und Dienstprogrammen mit benutzerdefiniertem CSS und mehr aufbauen.

Überschriften

Zeigen Sie Ihr Branding, Ihre Navigation, Ihre Suche und mehr mit diesen Header-Komponenten an

Helden

Gestalten Sie Ihre Homepage mit Helden mit klaren Handlungsaufforderungen in Szene.

Merkmale

Erläutern Sie die Funktionen, Vorteile oder andere Details in Ihren Marketinginhalten.

Seitenleisten

Gängige Navigationsmuster, ideal für Offcanvas- oder mehrspaltige Layouts.

Fußzeilen

Beenden Sie jede Seite stark mit einer großartigen Fußzeile, groß oder klein.

Dropdowns

Erweitern Sie Ihre Dropdowns mit Filtern, Symbolen, benutzerdefinierten Stilen und mehr.

Gruppen auflisten

Erweitern Sie Listengruppen mit Dienstprogrammen und benutzerdefinierten Stilen für beliebige Inhalte.

Modale

Transformieren Sie Modals für jeden Zweck, von Feature-Touren bis hin zu Dialogen.

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

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

Preisgestaltung

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

Kasse

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

Produkt

Schlanke produktfokussierte Marketingseite mit umfangreicher Raster- und Bildarbeit.

Abdeckung

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

Karussell

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

Bloggen

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

Armaturenbrett

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

Einloggen

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

Klebrige Fußzeile

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

Sticky Footer-Navigationsleiste

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

Jumbotron

Verwenden Sie Dienstprogramme, um das Jumbotron von Bootstrap 4 neu zu erstellen und zu verbessern.

Rahmen

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

Starter-Vorlage

Nichts als die Grundlagen: kompiliertes CSS und JavaScript.

Netz

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

Spickzettel

Küchenspüle aus Bootstrap-Komponenten.

Spickzettel RTL

Küchenspüle von Bootstrap-Komponenten, RTL.

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

Navigationsleisten

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

Navigationsleiste statisch

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

Navigationsleiste behoben

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

Navigationsleiste unten

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

Offcanvas-Navigationsleiste

Verwandeln Sie Ihre erweiterbare Navigationsleiste in ein verschiebbares Offcanvas-Menü (verwendet nicht unsere Offcanvas-Komponente).

RTL

Sehen Sie sich die RTL-Version von Bootstrap in Aktion mit diesen modifizierten Beispielen für benutzerdefinierte Komponenten an.

Die RTL-Funktion ist noch experimentell und wird sich wahrscheinlich entsprechend dem Feedback der Benutzer weiterentwickeln. Haben Sie etwas entdeckt oder haben Sie einen Verbesserungsvorschlag? Eröffnen Sie ein Problem , wir würden uns freuen, Ihre Erkenntnisse zu erhalten.

RTL-Album

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

Kasse RTL

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

Karussell RTL

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

RTL-Blog

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

Dashboard RTL

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

Integrationen

Integrationen mit externen Bibliotheken.

Mauerwerk

Kombinieren Sie die Kräfte des Bootstrap-Rasters und des Masonry-Layouts.


Gehen Sie weiter mit Bootstrap-Designs

Brauchen Sie mehr als diese Beispiele? Bringen Sie Bootstrap mit Premium-Designs vom offiziellen Marktplatz für Bootstrap-Designs auf die nächste Stufe . Sie werden als ihre eigenen erweiterten Frameworks erstellt, reich an neuen Komponenten und Plugins, Dokumentation und leistungsstarken Build-Tools.

Themen durchsuchen
Bootstrap-Themen