Listicle

Mit diesen Websites wirst du zum Bootstrap-Profi

(Screenshot: Bootstrap)

Es gibt viele nützliche Websites zum beliebten Frontend-Framework Bootstrap. Hier findest du eine Liste aller spannenden Quellen rund um Themes, UI-Kits, Tutorials und Blogs.

Im Internet lassen sich jede Menge Websites finden, die das Thema Bootstrap behandeln. Da kann man schnell den Überblick verlieren. Um dem entgegenzuwirken, haben wir die wichtigsten Seiten hier sauber aufgelistet.

Code-Schnipsel für Bootstrap

Warum selbst etwas machen, wenn sich andere bereits die Mühe gemacht haben? Durchstöbert die Code-Schnipsel der folgenden Seiten inklusive einer Vorschau. Als Inspiration, Hilfestellung oder einfach zum Copy-&-Paste.

Bootsnipp

Bootsnipp ist ein Portal, bei dem Web-Entwickler und -Designer Code-Schnipsel für Bootstrap hochladen können. Diese lassen sich dann inklusive einer kleinen Vorschau einsehen.

Die Vorschau-Ansicht eines Code-Schnipsels auf Bootsnipp. (Screenshot: Bootsnipp/t3n.de)

Die Vorschau-Ansicht eines Code-Schnipsels auf Bootsnipp. (Screenshot: Bootsnipp/t3n.de)

Bootdey

Auf Bootdey findest du ein Komplettpaket aus Code-Schnipseln, Templates und Plugins für Bootstrap, HTML, CSS und Javascript. Auch bei Bootdey ist eine Vorschau-Funktion mit an Bord.

Die Vorschau-Funktion eines Code-Schnipsels auf Bootdey. (Screenshot: Bootdey/t3n.de)

Die Vorschau-Funktion eines Code-Schnipsels auf Bootdey. (Screenshot: Bootdey/t3n.de)

Gestalte dein eigenes Bootstrap

Deine Bootstrap-Elemente kannst du kompliziert in einer CSS-Datei anpassen oder du schaust auf folgenden Seiten vorbei und nutzt einen komfortablen Editor mit einer Live-Vorschau.

Bootstrap-Magic

Bootstrap-Magic gibt dir die Möglichkeit, alle Bootstrap-Elemente mit Farben, Textgrößen, Abständen und vielem mehr anzupassen. Die Einstellungen werden in einer Vorschau auch direkt angezeigt. Neben dem gut aufbereiteten Editor kannst du auch direkt per HTML Elemente anpassen. Dein Design kann als CSS- und SCSS-Datei gespeichert werden.

Der Editor von Bootstrap-Magic. (Screenshot: Bootstrap-Magic/t3n.de)

Der Editor von Bootstrap-Magic. (Screenshot: Bootstrap-Magic/t3n.de)

Bootstrap-Build

Wer eine Alternative zu Bootstrap-Magic sucht, sollte sich Bootstrap-Build näher anschauen. Hier kannst du direkt die HTML-Elemente sowie die Styles in einem passenden Editor inklusive einer Vorschau anpassen. Deine Einstellungen können direkt als CSS- und SCSS-Dateien exportiert werden.

Der Bootstrap 4 Theme-Builder. (Screenshot: Bootstrap-Build/t3n.de)

Der Bootstrap-4-Theme-Builder. (Screenshot: Bootstrap-Build/t3n.de)

Die besten Quellen für Bootstrap-Themes und Toolkits

Designrevision

Designrevision hat zwei spannende UI-Toolkits für Bootstrap 4. Darunter das kostenlose Frontend-Kit Shards sowie ein kostenpflichtiges Dashboard-Template. Beide fallen durch einfaches und modernes Design auf. Bei beiden Kits stehen die Sketch- und SCSS-Dateien zur Verfügung, wodurch du einfach Layouts verändern und ergänzen kannst.

Die Cards im Shards-Kit von Designrevision. (Screenshot: Designrevision/t3n.de)

Die Cards im Shards-Kit von Designrevision. (Screenshot: Designrevision/t3n.de)

Bootswatch

Eine gute Quelle für kostenlose Bootstrap-Themes findest du bei Bootswatch. Dort kannst du über 20 verschiedene Themes durchstöbern, die alle Open-Source und frei zugänglich sind.

Auf Bootswatch findest du über 20 kostenlose Bootstrap-Themes. (Screenshot: Bootswatch/t3n.de)

Auf Bootswatch findest du über 20 kostenlose Bootstrap-Themes. (Screenshot: Bootswatch/t3n.de)

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

2 Kommentare
JK
JK

https://wrapbootstrap.com/
habt ihr vergessen.

Viele kostenpflichtige Templates.
Die Preis sind aber recht human.

Antworten
JK
JK

Noch 2 free Themes:
https://github.com/DevExpress/bootstrap-themes
Purple ist nicht so mein Geschmack, OfficeWhite schaut aber schön aus.

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung