Bootstrap-Website-Builder
Mit einem Bootstrap-Website-Builder setzen Sie eine responsive Website aus fertigen Themes zusammen, statt die Klassen des Frameworks selbst zu tippen. Wir stellen ihn dem Programmieren von Hand und Vorlagen gegenüber, vergleichen sieben Tools und zeigen, wo Mobirise steht, dessen Websites auf Bootstrap 5 laufen.
Kostenlos für private und kommerzielle Websites.
Premium-Themes und Erweiterungen in KIT
Der kostenlose Plan bietet ein Basis-Theme mit 200+ Blöcken. KIT für 149 $ pro Jahr schaltet den Rest frei, und jedes Theme erzeugt Bootstrap-5-Code.
Sechs Fakten vor der Wahl eines Bootstrap-Website-Builders
Bootstrap-Fakten, geprüft am 14. Oktober 2026 vom Team, das Mobirise entwickelt.
Ein Bootstrap-Website-Builder ist ein visueller Editor, dessen Seiten im CSS-Framework Bootstrap geschrieben sind. Auf dem Bildschirm funktioniert er wie andere Drag-and-Drop-Website-Builder: Sie wählen Abschnitte aus und ordnen sie an, das Tool schreibt Raster, Komponenten und Klassen, und wer Bootstrap kennt, kann das Ergebnis öffnen und lesen.
Mit welchem Theme Sie auch beginnen: Die Seiten, die Mobirise schreibt, sind statische Dateien auf Basis von Bootstrap 5, also HTML, CSS und JavaScript.
Blöcke im einen Basis-Theme des kostenlosen Plans. Kommerzielle Nutzung ist erlaubt; kostenlos veröffentlichte Websites zeigen das Mobirise-Branding.
Premium-Themes und Erweiterungen, die KIT als ein Paket für 149 $ pro Jahr freischaltet; kein Theme hat einen eigenen Preis.
Kostenlos oder bezahlt: Die Desktop-App schreibt die komplette Website als Dateien heraus. Im Browser erstellte Websites lassen sich mit BASE oder GROW exportieren.
Eine anderswo gekaufte oder heruntergeladene Bootstrap-Vorlage lässt sich nicht laden; der Editor akzeptiert nur Mobirise-Projekte.
Die App für Windows, macOS und Linux bearbeitet und zeigt die Vorschau offline. KI, Veröffentlichung und der Download neuer Themes brauchen eine Verbindung.
Welches Bootstrap-Tool Sie wählen sollten
Gehen Sie von dem aus, was Sie haben: noch nichts, eine Vorlage, eigenen Code oder nur ein Farbschema. Jede Karte nennt, wann das Tool die bessere Wahl ist, und den Haken.
Mobirise
Blöcke, die Sie direkt auf der Seite bearbeiten, eine App, die auch offline läuft, und Code-Export in jedem Plan. Der Haken: Fremde Vorlagen lassen sich nicht öffnen, und die Code-Bearbeitung in der App ist kostenpflichtig.
Bootstrap Studio
Eine Offline-Desktop-App mit eingebautem Code-Editor, Bootstrap 3 bis 5 und HTML-Import. Keine kostenlose Version: einmalig 29 $ oder 59 $ für Lifetime.
Pinegrow
Öffnet Ihr HTML und CSS und zeigt neben dem Quelltext eine Live-Ansicht der Seite. Gemacht für Leute, die Code lesen; 99 $ pro Jahr nach einer kostenlosen Testphase.
Shuffle
Ein Bootstrap-Seitenbaukasten im Browser mit 3.800+ Komponenten; Sie laden das Ergebnis herunter und vollenden es in Ihrer IDE. Kostenlos ist nur eine Demo; Developer beginnt bei 24 $ pro Monat.
bootstrap.build
Ein kostenloser Bootstrap-5-Theme-Builder: Sie passen Sass-Variablen an, sehen die Vorschau live aktualisiert und laden dann das Theme für Code herunter, den Sie selbst schreiben. Er erzeugt keine Seiten.
8B AI
Ein Prompt liefert eine ganze Website, die Sie ohne Bezahlung ansehen können; Veröffentlichung und vollständiges HTML kosten 9 $ pro Monat bei Pro, jährlich abgerechnet. Kein Bootstrap; nur im Browser.
Webflow
Legen Sie Desktop-Stile fest und überschreiben Sie sie dann für Tablets und Smartphones. Nicht auf Bootstrap aufgebaut; Websites liegen im Webflow-Hosting, und der Code-Download setzt einen kostenpflichtigen Workspace-Plan voraus.
Eine Bootstrap-Admin-Vorlage
Dashboards mit Tabellen, Diagrammen und Logins sind Code-Arbeit, und eine fertige Admin-Vorlage spart dabei mehr Zeit als jeder Website-Baukasten, auch unserer.
Hinweis zur Befangenheit: Wir sind das Mobirise-Team, lesen Sie dessen Karte also mit besonderer Skepsis. Die übrigen sieben stützen sich auf das, was die jeweiligen Hersteller über ihr eigenes Tool veröffentlichen, und mehrere nennen Dinge, die dieses Tool besser kann als unseres.
Bootstrap-Tools im Vergleich bei Themes und Vorlagen
Zeilen für ein Projekt, das mit Themes beginnt: wo Sie anfangen, was kostenlos ist, was es kostet und ob sich eine fremde Vorlage öffnen lässt. Prüfen Sie die Preise beim jeweiligen Anbieter, bevor Sie zahlen.
| Merkmal | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Ausgangspunkt | Ein Theme aus fertigen Blöcken oder 4 KI-Designs aus einem Prompt | Die eigene Vorlagenbibliothek oder Komponenten, die auf die Seite gezogen werden | UI-Bibliotheken und Bootstrap-5-Vorlagen; ein KI-Agent kann Seiten entwerfen | Ein Prompt; überhaupt keine Vorlagen | Ihre eigenen Dateien, Startvorlagen oder die kostenlose Pinekit-Bibliothek | Die Standardvariablen von Bootstrap; keine Seiten | 7.000+ Vorlagen, kostenlos und kostenpflichtig |
| Bootstrap-Version | 5 | 3, 4 und 5 | Nur Bootstrap 5, obwohl der Editor auch Material UI, Bulma und Tailwind abdeckt | Kein Bootstrap | Bootstrap 3, 4 oder 5; auch Tailwind-CSS- und reine HTML-Projekte | 5 | Kein Bootstrap |
| Kostenlos nutzbar | Ja: 1 Theme, 200+ Blöcke, Export aus der App; Branding auf veröffentlichten Websites | Keine kostenlose Version | Nur Demo | Designs lassen sich kostenlos erstellen und ansehen; keine Veröffentlichung | Kostenlose Testphase | Ja, ohne Anmeldung | Kostenloser Plan; die Website liegt auf einer webflow.io-Subdomain und zeigt das Webflow-Badge |
| Preis (kostenpflichtig) | 149 $ pro Jahr (KIT), 199 $ (BASE) oder 249 $ (GROW), jeweils bei jährlicher Abrechnung | Einmalig: 59 $ für Lifetime oder 29 $ für Standard mit 12 Monaten Upgrades | Developer-Plan: 249 $ einmalig (ab 16.10.2026 steigt der Preis auf 349 $), 99 $ pro Jahr oder 24 $ pro Monat | 9 $ pro Monat für Pro, jährlich abgerechnet | 99 $ pro Jahr, auch monatlich oder als einmalige Lizenz erhältlich | Nichts zu kaufen | Site-Plan Basic: 15 $ pro Monat bei jährlicher Abrechnung |
| Öffnet eine fremde Vorlage | Nein; es öffnet nur Mobirise-Projekte | Ja, Sie ziehen die Dateien hinein | Nicht angegeben | Nicht angegeben | Ja, es bearbeitet die Dateien an Ort und Stelle | Nein, es gestaltet Bootstrap um, keine Seiten | Nicht angegeben |
| Code bearbeiten | Code Editor in kostenpflichtigen Plänen; im kostenlosen Plan bearbeiten Sie die exportierten Dateien woanders | Eingebauter Editor für HTML, CSS, Sass und JavaScript | 500+ Bootstrap-Variablen; Code wird in Ihrer IDE fertiggestellt | Das echte HTML und CSS, auch kostenlos; Pro ergänzt Änderungen per Chat | Vollständige Code-Ansicht neben der visuellen | Nur Theme-Variablen | Eigene Code-Einbettungen in kostenpflichtigen Plänen |
| Läuft auf | Windows-, Mac- und Linux-App, die offline funktioniert, oder im Browser | Desktop-App, komplett offline: Windows 10+, macOS, Linux | Browser | Browser | Desktop-Installation: Mac, Windows, Linux | Browser | Browser |
Drei Wege zu einer Bootstrap-Website
Alle drei enden in Bootstrap-HTML und -CSS. Sie unterscheiden sich in den nötigen Kenntnissen, im Zeitaufwand und darin, wie viel Sie kontrollieren.
Von Grund auf selbst schreiben
Kenntnisse: HTML, CSS, die Klassen von Bootstrap und etwas JavaScript. Zeit: der langsamste Weg, denn jeder Abschnitt wird von Hand geschrieben und getestet. Kontrolle: vollständig; im Code steckt nichts, was Sie nicht selbst hineingeschrieben haben. Geeignet für Entwickler und für Websites, die Teil eines größeren Projekts sind.
Eine Bootstrap-Vorlage bearbeiten
Kenntnisse: genug HTML, um sich in den Dateien eines anderen zurechtzufinden. Zeit: sofort ein ausgereiftes Bootstrap-Website-Design, danach zähere Arbeit, weil jede Text- und Fotoänderung eine Code-Änderung ist. Kontrolle: hoch, im Rahmen von Struktur und Lizenz der Vorlage. Geeignet für alle, die sich in einem Code-Editor wohlfühlen.
Aus Themes in einem Baukasten zusammenstellen
Kenntnisse: für die Grundlagen keine; Sie wählen Blöcke und tippen Text, wie bei den meisten einfachen Homepage-Baukästen. Zeit: meist der schnellste Weg zu einer gewöhnlichen Unternehmenswebsite. Kontrolle: so viel, wie die Blöcke, ihre Einstellungen und ein eventueller Code-Zugriff erlauben, plus die Grenzen des Baukastens selbst, etwa welche Dateien er öffnen kann.
Viele mischen die Wege und nutzen einen Baukasten als Werkzeug für Bootstrap-Vorlagen: Sie legen die Website im Tool an, exportieren sie und schleifen dann Details im Code nach. Betrachten Sie diesen Export als Einbahnstraße. Mobirise kann von Hand bearbeitete Dateien nicht erneut öffnen, nehmen Sie Designänderungen deshalb im Projekt vor und exportieren Sie erneut.
Was „Website-Framework“ bei Baukästen bedeutet
Manche Baukästen schreiben Seiten in einem öffentlichen CSS-Framework, andere in eigenem Code. Den Unterschied merken Sie an dem Tag, an dem Sie die Dateien öffnen.
Die meisten, die nach diesem Begriff suchen, meinen einen Baukasten, der auf einem CSS-Framework wie Bootstrap aufsetzt. Das Framework liefert Raster, Komponenten und Klassennamen; der Baukasten bietet eine visuelle Möglichkeit, sie anzuordnen. So arbeiten Mobirise, Bootstrap Studio, Shuffle und Pinegrow, während Webflow und 8B AI statt Bootstrap eigene Stile erzeugen.
Entwickler verwenden die Wörter auch für Open-Source-Bausätze, die einen Seiteneditor in ihre eigene Software einbauen. Das ist eine andere Aufgabe, und diese Seite behandelt sie nicht.
Code, den andere lesen können
Die Klassen von Bootstrap sind öffentlich dokumentiert, daher kann ein Entwickler, der das Framework kennt, an Ihren exportierten Seiten arbeiten, ohne den Baukasten zu lernen.
Ein Ausweg
Verlassen Sie den Baukasten, öffnen sich Dateien auf Framework-Basis weiterhin in jedem Code-Editor und laufen bei jedem Host. Ausgabe, die an das eigene System eines Tools gebunden ist, lässt sich schwerer mitnehmen.
Die Version entscheidet viel
Bootstrap 3, 4 und 5 unterscheiden sich in Klassennamen und Skripten. Prüfen Sie, welche ein Baukasten schreibt, bevor Sie viele Websites damit bauen.
Wenn Ihnen sauberes HTML wichtiger ist als das Framework darunter, lesen Sie unseren Vergleich der WYSIWYG-HTML-Editoren.
Wie Mobirise-Themes mit Bootstrap 5 zusammenhängen
„Theme“ bedeutet hier etwas anderes als auf einem Bootstrap-Marktplatz.
In der Bootstrap-Welt ist ein Theme meist entweder eine Umgestaltung des Frameworks mit neuen Farben, Schriften und Abständen in Sass-Variablen oder eine komplette Vorlage, die Sie kaufen und als Code bearbeiten. Ein Mobirise-Theme ist eine Familie fertiger Blöcke mit einem gemeinsamen Design. Statt Dateien zu bearbeiten, fügen Sie seine Blöcke den Seiten hinzu und ändern sie im Editor, während Mobirise das Bootstrap-5-Markup schreibt.
Bootstrap 5 darunter
Welches Theme Sie auch wählen: Die Ausgabe sind statische Bootstrap-5-Seiten mit ihren Stylesheets und Skripten. Alle Blöcke sind responsiv: Stellen Sie die Vorschau des Editors auf Smartphone-, dann Tablet- und dann Desktop-Größe und sehen Sie zu, wie das Theme umbricht.
Gestaltet ohne Sass
Der Style Editor hält Schriften und Farben für das ganze Projekt. Jeder Block hat einen Parameterbereich für Abstände, Hintergrund, die angezeigten Teile und die Spaltenzahl, und jeder Titel erhält das H-Tag, das Sie wählen.
Ein Layout für alle Bildschirme
Blöcke passen sich jedem Bildschirm selbst an. Es gibt keine separate Smartphone-Version zu pflegen und keinen Schalter, der ein Element nur auf einem Gerät ausblendet.
Sie haben schon eine Bootstrap-Vorlage? Mobirise kann sie nicht öffnen. Bauen Sie ihre Abschnitte aus ähnlichen Blöcken nach oder bearbeiten Sie das Original weiter in Bootstrap Studio, das sie importiert, oder in Pinegrow, das direkt mit den Dateien arbeitet.
Worauf Sie bei kostenlosen Bootstrap-Vorlagen achten sollten
Nützlich bei jedem Tool. Eine kostenlose Vorlage spart nur dann Zeit, wenn Sie später nichts davon überrascht.
Lizenz
Prüfen Sie, ob kommerzielle Nutzung und Kundenprojekte erlaubt sind und ob der Hinweis im Footer stehen bleiben muss. Manche kostenlosen Vorlagen verlangen einen Link zurück, solange Sie nicht zahlen.
Letztes Update
Sehen Sie sich das Datum des letzten Releases oder Commits an. Eine Vorlage, die seit Jahren nicht angefasst wurde, bringt meist alte Plugins und unbehobene Fehler mit.
Bootstrap-Version
Sie steht im Namen der CSS-Datei oder in der Paketdatei. Der Wechsel von 3 oder 4 auf 5 bedeutet umbenannte Klassen und neu geschriebene Skripte.
Zusätzliche Skripte
Bootstrap 5 braucht kein jQuery mehr. Lädt eine Vorlage es dennoch, dazu Slider- und Animations-Plugins, müssen Sie mehr aktuell halten.
Bilder
Demofotos haben oft eine eigene Lizenz oder sind im Download durch Platzhalter ersetzt. Planen Sie ein, eigene Bilder zu verwenden.
Sass-Quellen
Mit den Sass-Dateien ändern Sie Farben und Schriften an einer Stelle. Eine einzelne kompilierte CSS-Datei bedeutet, Überschreibungen von Hand zu schreiben.
Smartphones und Tastatur
Öffnen Sie die Demo auf einem Smartphone und bewegen Sie sich dann mit der Tab-Taste durch sie. Ein Menü, das einen der beiden Tests nicht besteht, lässt auch Ihre Besucher im Stich.
Dokumentation
Achten Sie auf Installationshinweise, ein Changelog und eine Stelle, an der Sie Fehler melden können. Bei den meisten kostenlosen Vorlagen behebt niemand sonst Ihre Probleme.
Ist Mobirise der richtige Bootstrap-Website-Builder für Sie?
Er passt zu einer Arbeitsweise, die mit Themes beginnt. Die beiden Listen zeigen beide Seiten, und bei jedem Argument dagegen steht eine Alternative.
Passt gut
- Der Start mit einem Theme liegt Ihnen, und Bootstrap-5-Klassen möchten Sie lieber nicht von Hand tippen
- Sie möchten die Bootstrap-Dateien behalten: Auch kostenlose Nutzer erhalten die exportierte Website aus der Desktop-App
- Sie arbeiten oft ohne stabile Verbindung; hier lesen Sie, was mit Offline-Website-Software ohne Internet weiter funktioniert
- Sie bauen Websites für kleine Unternehmen und wollen 220+ Premium-Themes für einen Jahrespreis
- Sie beginnen gern mit einem Prompt und verfeinern von Hand; derselbe Editor übernimmt einen mit dem KI-Website-Ersteller erzeugten ersten Entwurf
Wählen Sie etwas anderes, wenn
- Sie eine Bootstrap-Vorlage oder Website visuell bearbeiten wollen: Bootstrap Studio importiert sie, und Pinegrow bearbeitet ihre Dateien
- ältere Bootstrap-3- und -4-Websites Pflege brauchen: Mobirise-Themes gibt es nur in Version 5, während Pinegrow und Bootstrap Studio auch die früheren Versionen unterstützen
- Sie Bootstrap nur für selbst geschriebenen Code umfärben wollen: bootstrap.build ist kostenlos und genau dafür gemacht
- Sie ein anderes Smartphone-Layout brauchen oder Elemente ohne Code pro Gerät ausblenden wollen: Webflow gestaltet jeden Breakpoint einzeln
- Sie im kostenlosen Plan Code in der App ändern wollen: Der Code Editor ist kostenpflichtig
- Sie eine App für iPhone oder iPad brauchen: Es gibt keine, daher arbeiten iOS-Nutzer im Browser
Fragen zu Bootstrap-Themes und -Baukästen
Ist ein kostenloser Bootstrap-Website-Builder besser als eine Bootstrap-Vorlage?
Beides kann nichts kosten, es hängt also davon ab, wer die Website bearbeitet. Eine Vorlage liefert Ihnen ein fertiges Design als Code, was zu jemandem passt, der in HTML zu Hause ist. Ein Baukasten bietet visuelles Bearbeiten und Blöcke, die Sie umordnen können, weist aber unter Umständen fremde Dateien ab: Mobirise kann keine Vorlage importieren.
Ist Mobirise ein Bootstrap-5-Website-Builder?
Ja. Jedes Theme erzeugt statische Seiten auf Basis von Bootstrap 5 samt CSS und JavaScript. Bootstrap-3- oder -4-Code schreibt es nicht; für ältere Projekte passen Bootstrap Studio oder Pinegrow besser.
Ist Mobirise ein Open-Source-Bootstrap-Website-Builder?
Nein. Mobirise ist kostenlos zum Start, aber sein eigener Code ist nicht Open Source. Die damit erstellten Websites laufen auf Bootstrap, das Open Source ist, und die Desktop-App exportiert sie in jedem Plan als schlichtes HTML, CSS und JavaScript, das Sie in jedem Code-Editor bearbeiten können. Wenn Sie einen Seiteneditor möchten, dessen Quelltext Sie ändern können, schauen Sie sich die Open-Source-Bausätze an, die Entwickler in ihre eigene Software einbauen.
Öffnet Mobirise eine Vorlage, die ich gekauft oder heruntergeladen habe?
Nein. Sein Editor hat keinen Importer für fremdes HTML und lädt ausschließlich Mobirise-Projekte, eine Vorlage von einem Marktplatz bleibt also außen vor. Das Aussehen behalten Sie, indem Sie sie aus ähnlichen Blöcken nachbauen, den Code, indem Sie zu Bootstrap Studio oder Pinegrow wechseln.
Wie viele Mobirise-Themes sind kostenlos?
Nur eines, das Basis-Theme, das zur kostenlosen Desktop-App gehört und 200+ Blöcke enthält. Jedes andere Theme ist Premium: KIT (149 $ pro Jahr), BASE und GROW schalten die gesamte Bibliothek mit 220+ Themes und Erweiterungen frei, und kein Theme hat einen eigenen Preis.
Kann ich eine kostenlose Bootstrap-Vorlage für die Website eines Kunden verwenden?
Nur, wenn ihre Lizenz Kunden- und kommerzielle Nutzung erlaubt. Viele kostenlose Vorlagen tun das; manche verlangen einen sichtbaren Credit-Link, manche verbieten den Weiterverkauf. Lesen Sie die Lizenz, bevor Sie anfangen, nicht erst nach dem Start.
Wo finde ich Bootstrap-Website-Beispiele?
Der Bereich „Examples“ in der Dokumentation von Bootstrap selbst enthält Start-Layouts wie einen Blog, eine Preisseite und ein Dashboard, deren Code Sie lesen und wiederverwenden können. Vorlagen-Marktplätze zeigen Live-Demos kompletter Websites. Gehen Sie vor dem Kopieren die Checkliste oben durch, beginnend mit der Lizenz.
Muss ich bei Mobirise Bootstrap-Klassen kennen?
Nein. Es funktioniert als visueller Bootstrap-Website-Ersteller: Sie bearbeiten Blöcke auf der Seite und über ihre Einstellungsbereiche, und Mobirise fügt die Bootstrap-Klassen selbst hinzu. Bootstrap-Kenntnisse zahlen sich aus, sobald Sie die exportierten Dateien oder den kostenpflichtigen Code Editor öffnen.
Wo kann ich eine Mobirise-Website veröffentlichen?
Wo Sie möchten. Schon im kostenlosen Plan veröffentlicht die Desktop-App auf drei Wegen: per FTP- oder FTPES-Upload auf einen Server Ihrer Wahl, per Deploy auf GitHub Pages oder als Kopie in einem lokalen Ordner, ohne Obergrenze für die Zahl der Websites. Das eigene Hosting von Mobirise umfasst drei kostenlose Websites auf mobirisesite.com, und eine eigene Domain dort setzt BASE oder GROW voraus.
Kann ich offline mit Bootstrap-Themes arbeiten?
Ja, in der installierten App unter Windows, macOS oder Linux, solange das Theme schon auf Ihrem Computer liegt. Ein neues Theme zu laden braucht eine Verbindung, ebenso KI, Veröffentlichung, Anmeldung und der Kauf eines Plans.
Erstellen Sie noch heute Ihre erste Seite
Starten Sie mit KI im Browser oder laden Sie die kostenlose App herunter. In beiden Fällen ist es dasselbe Mobirise.