Bootstrap-websitebouwer
Met een Bootstrap-websitebouwer zet je een responsive website in elkaar uit kant-en-klare thema's, zonder zelf de klassen van het framework te typen. Wij zetten hem naast zelf coderen en templates, vergelijken zeven tools en laten zien waar Mobirise past, waarvan de websites op Bootstrap 5 draaien.
Gratis voor persoonlijke en commerciële websites.
premium thema's en extensies in KIT
Het gratis abonnement heeft één basisthema met 200+ blokken. KIT, $149 per jaar, ontgrendelt de rest, en elk thema schrijft Bootstrap 5-code.
Zes feiten voordat je een Bootstrap-websitebouwer kiest
Bootstrap-feiten gecontroleerd op 14 oktober 2026 door het team dat Mobirise bouwt.
Een Bootstrap-websitebouwer is een visuele editor waarvan de pagina's in het CSS-framework Bootstrap zijn geschreven. Op het scherm werkt hij zoals andere drag-and-drop-websitebouwers: je kiest en rangschikt secties, de tool schrijft het grid, de componenten en de klassen, en wie Bootstrap kent, kan het resultaat openen en lezen.
Van welk thema je ook begint, de pagina's die Mobirise schrijft zijn statische bestanden op basis van Bootstrap 5: HTML, CSS en JavaScript.
Blokken in het ene basisthema van het gratis abonnement. Commercieel gebruik is toegestaan; gratis gepubliceerde websites tonen Mobirise-branding.
Premium thema's en extensies die KIT als één bundel ontgrendelt voor $149 per jaar; geen enkel thema heeft een eigen prijs.
Gratis of betaald: de desktop-app schrijft de volledige website weg als bestanden. Websites die in de browser zijn gebouwd, kun je exporteren met BASE of GROW.
Een Bootstrap-template die je elders hebt gekocht of gedownload, kan niet worden geladen; de editor accepteert alleen Mobirise-projecten.
De app voor Windows, macOS en Linux bewerkt en toont previews offline. AI, publiceren en het downloaden van nieuwe thema's vragen om een verbinding.
Welke Bootstrap-tool kies je?
Begin bij wat je hebt: nog niets, een template, je eigen code of alleen een kleurenschema. Elke kaart zegt wanneer die tool de betere keuze is, en wat het addertje is.
Mobirise
Blokken die je op de pagina zelf bewerkt, een app die ook offline werkt en code-export bij elk abonnement. Het nadeel: externe templates openen niet, en code bewerken in de app is betaald.
Bootstrap Studio
Een offline desktop-app met ingebouwde code-editor, Bootstrap 3 tot en met 5 en HTML-import. Geen gratis versie: eenmalig $29, of $59 voor Lifetime.
Pinegrow
Opent je HTML en CSS en toont een live weergave van de pagina naast de broncode. Gemaakt voor mensen die code lezen; $99 per jaar na een gratis proefperiode.
Shuffle
Een Bootstrap-paginabouwer in de browser, met 3.800+ componenten; je downloadt het resultaat en werkt het af in je IDE. Alleen een demo is gratis; Developer begint bij $24 per maand.
bootstrap.build
Een gratis Bootstrap 5-themabouwer: je past Sass-variabelen aan, ziet de preview meebewegen en downloadt daarna het thema voor code die je zelf schrijft. Er komen geen pagina's uit.
8B AI
Eén prompt levert een complete website op die je kunt bekijken zonder te betalen; publiceren en de volledige HTML kosten $9 per maand op Pro, jaarlijks betaald. Geen Bootstrap; alleen in de browser.
Webflow
Stel desktopstijlen in en overschrijf ze daarna voor tablets en telefoons. Niet op Bootstrap gebouwd; websites staan op Webflow-hosting, en voor het downloaden van de code is een betaald workspace-abonnement nodig.
Een Bootstrap-admintemplate
Dashboards met tabellen, grafieken en inlogschermen zijn codewerk, en een kant-en-klare admintemplate bespaart daar meer tijd dan welke websitebouwer ook, de onze inbegrepen.
Let op, vooringenomenheid: wij zijn het Mobirise-team, dus lees de kaart van Mobirise met extra argwaan. De andere zeven zijn gebaseerd op wat elke maker over zijn eigen tool publiceert, en een aantal noemt dingen die die tool beter doet dan de onze.
Bootstrap-tools vergeleken op thema's en templates
Rijen gekozen voor een project dat bij thema's begint: waar je start, wat gratis is, wat het kost en of een externe template opent. Controleer de prijzen bij elke leverancier voordat je betaalt.
| Kenmerk | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Startpunt | Een thema met kant-en-klare blokken, of 4 AI-ontwerpen uit een prompt | De eigen templatebibliotheek, of componenten die je op de pagina sleept | UI-bibliotheken en Bootstrap 5-templates; een AI-agent kan pagina's in concept opstellen | Een prompt; helemaal geen templates | Je eigen bestanden, starttemplates of de gratis Pinekit-bibliotheek | De standaardvariabelen van Bootstrap; geen pagina's | 7.000+ templates, gratis en betaald |
| Bootstrap-versie | 5 | 3, 4 en 5 | Alleen Bootstrap 5, al omvat de editor ook Material UI, Bulma en Tailwind | Geen Bootstrap | Bootstrap 3, 4 of 5; ook Tailwind CSS- en gewone HTML-projecten | 5 | Geen Bootstrap |
| Gratis te gebruiken | Ja: 1 thema, 200+ blokken, export vanuit de app; branding op gepubliceerde websites | Geen gratis versie | Alleen demo | Ontwerpen gratis te maken en te bekijken; niet te publiceren | Gratis proefperiode | Ja, zonder aanmelding | Gratis abonnement; de website staat op een webflow.io-subdomein en toont de badge van Webflow |
| Betaalde prijs | $149 per jaar (KIT), $199 (BASE) of $249 (GROW), allemaal jaarlijks gefactureerd | Eenmalig: $59 voor Lifetime, of $29 voor Standard met 12 maanden aan upgrades | Developer-abonnement: $249 eenmalig (stijgt vanaf 16 oktober 2026 naar $349), $99 per jaar of $24 per maand | $9 per maand voor Pro, jaarlijks betaald | $99 per jaar, ook per maand of als eenmalige licentie te koop | Niets te kopen | Basic-websiteabonnement: $15 per maand, jaarlijks betaald |
| Opent een externe template | Nee; alleen Mobirise-projecten | Ja, je sleept de bestanden erin | Niet vermeld | Niet vermeld | Ja, het bewerkt de bestanden ter plekke | Nee, het geeft Bootstrap een nieuwe stijl, geen pagina's | Niet vermeld |
| Code bewerken | Code Editor in betaalde abonnementen; in Free bewerk je de geëxporteerde bestanden elders | Ingebouwde editor voor HTML, CSS, Sass en JavaScript | 500+ Bootstrap-variabelen; code werk je af in je IDE | De echte HTML en CSS, zelfs gratis; Pro voegt bewerkingen via chat toe | Volledige codeweergave naast de visuele | Alleen themavariabelen | Eigen code-embeds in betaalde abonnementen |
| Draait op | Windows-, Mac- en Linux-app die offline werkt, of een browser | Desktop-app, volledig offline: Windows 10+, macOS, Linux | Browser | Browser | Desktop-installatie: Mac, Windows, Linux | Browser | Browser |
Drie manieren om aan een Bootstrap-website te komen
Alle drie eindigen in Bootstrap-HTML en -CSS. Ze verschillen in de vaardigheid die ze vragen, de tijd die ze kosten en hoeveel controle je houdt.
Helemaal zelf schrijven
Vaardigheid: HTML, CSS, de klassen van Bootstrap en wat JavaScript. Tijd: de langzaamste route, want elke sectie wordt met de hand geschreven en getest. Controle: volledig; de code bevat niets wat je er niet zelf in hebt gezet. Past bij ontwikkelaars en bij websites die onderdeel zijn van een groter geheel.
Een Bootstrap-template bewerken
Vaardigheid: genoeg HTML om je weg te vinden in andermans bestanden. Tijd: meteen een verzorgd Bootstrap-websiteontwerp, daarna een lager tempo, omdat elke wijziging van tekst of foto een code-aanpassing is. Controle: hoog, binnen de structuur en licentie van de template. Past bij mensen die zich thuisvoelen in een code-editor.
Samenstellen uit thema's in een bouwer
Vaardigheid: geen voor de basis; je kiest blokken en typt, zoals in de meeste eenvoudige websitebouwers. Tijd: meestal de snelste route voor een standaard bedrijfswebsite. Controle: wat de blokken, hun instellingen en eventuele toegang tot de code toelaten, plus de eigen beperkingen van de bouwer, zoals welke bestanden hij kan openen.
Veel mensen combineren de routes en gebruiken een bouwer als Bootstrap-templatebouwer: je zet de website op in de tool, exporteert hem en werkt details daarna bij in code. Zie die export als een stap zonder terugweg. Mobirise kan met de hand bewerkte bestanden niet opnieuw openen, dus voer ontwerpwijzigingen door in het project en exporteer opnieuw.
Wat “framework voor websitebouw” betekent
Sommige bouwers schrijven pagina's in een openbaar CSS-framework, andere in eigen code. Het verschil merk je op de dag dat je de bestanden opent.
De meeste mensen die op deze term zoeken, bedoelen een bouwer die op een CSS-framework zoals Bootstrap draait. Het framework levert het grid, de componenten en de klassenamen; de bouwer geeft je een visuele manier om ze te rangschikken. Mobirise, Bootstrap Studio, Shuffle en Pinegrow werken zo, terwijl Webflow en 8B AI hun eigen stijlen produceren in plaats van Bootstrap.
Ontwikkelaars gebruiken de woorden ook voor opensource-kits die een pagina-editor in hun eigen software inbouwen. Dat is een ander vak, en deze pagina behandelt het niet.
Code die anderen kunnen lezen
De klassen van Bootstrap zijn openbaar gedocumenteerd, dus een ontwikkelaar die het framework kent, kan aan je geëxporteerde pagina's werken zonder de bouwer te leren.
Een uitweg
Verlaat de bouwer, en bestanden op basis van een framework openen nog steeds in elke code-editor en draaien op elke host. Uitvoer die aan het eigen systeem van één tool vastzit, is lastiger te verhuizen.
De versie bepaalt veel
Bootstrap 3, 4 en 5 verschillen in klassenamen en scripts. Controleer welke versie een bouwer schrijft voordat je er veel websites mee bouwt.
Telt schone HTML voor jou zwaarder dan het framework eronder, bekijk dan onze vergelijking van WYSIWYG HTML-editors.
Hoe Mobirise-thema's zich verhouden tot Bootstrap 5
“Thema” betekent hier iets anders dan op een Bootstrap-marktplaats.
In de Bootstrap-wereld is een thema meestal een nieuwe stijl voor het framework, met nieuwe kleuren, lettertypen en witruimte ingesteld in Sass-variabelen, of een complete template die je koopt en als code bewerkt. Een Mobirise-thema is een familie van kant-en-klare blokken met één gedeeld ontwerp. In plaats van bestanden te bewerken, voeg je de blokken toe aan pagina's en pas je ze aan in de editor, terwijl Mobirise de Bootstrap 5-markup schrijft.
Bootstrap 5 eronder
Welk thema je ook kiest, de uitvoer bestaat uit statische Bootstrap 5-pagina's met hun stylesheets en scripts. Alle blokken zijn responsive: zet de preview van de editor op telefoonformaat, dan op tablet en dan op desktop, en zie hoe het thema meebeweegt.
Opmaak zonder Sass
De Style Editor bevat de lettertypen en kleuren voor het hele project. Elk blok heeft een parameterpaneel voor witruimte, achtergrond, welke onderdelen zichtbaar zijn en het aantal kolommen, en elke titel krijgt de H-tag die jij kiest.
Eén lay-out voor alle schermen
Blokken passen zich vanzelf aan elk scherm aan. Er is geen aparte telefoonversie om bij te houden, en geen schakelaar die een element op één apparaat verbergt.
Heb je al een Bootstrap-template? Mobirise kan die niet openen. Bouw de secties na met vergelijkbare blokken, of blijf het origineel bewerken in Bootstrap Studio, dat hem importeert, of in Pinegrow, dat rechtstreeks met de bestanden werkt.
Waar je op let bij gratis Bootstrap-templates
Nuttig welke tool je ook kiest. Een gratis template bespaart alleen tijd als niets hiervan je later verrast.
Licentie
Controleer of commercieel werk en werk voor klanten is toegestaan en of de vermelding in de footer moet blijven staan. Sommige gratis templates vragen om een link terug, tenzij je betaalt.
Laatste update
Kijk naar de datum van de laatste release of commit. Een template die jaren niet is aangeraakt, bevat vaak oude plug-ins en niet opgeloste bugs.
Bootstrap-versie
Je vindt hem in de naam van het CSS-bestand of in het pakketbestand. Van 3 of 4 naar 5 overstappen betekent hernoemde klassen en herschreven scripts.
Extra scripts
Bootstrap 5 heeft jQuery niet meer nodig. Een template die het nog laadt, plus slider- en animatieplug-ins, geeft je meer om bij te werken.
Afbeeldingen
Demofoto's hebben vaak een eigen licentie of zijn in de download vervangen door plaatshouders. Reken erop dat je je eigen afbeeldingen gebruikt.
Sass-bronbestanden
Met de Sass-bestanden pas je kleuren en lettertypen op één plek aan. Eén gecompileerd CSS-bestand betekent dat je overschrijvingen met de hand schrijft.
Telefoons en toetsenborden
Open de demo op een telefoon en loop er daarna doorheen met de Tab-toets. Een menu dat een van beide tests niet doorstaat, laat je bezoekers in de steek.
Documentatie
Zoek naar installatie-instructies, een changelog en een plek om bugs te melden. Bij de meeste gratis templates lost niemand anders problemen voor je op.
Is Mobirise de juiste Bootstrap-websitebouwer voor jou?
Het past bij werken vanuit thema's. De twee lijsten laten beide kanten zien, en bij elk bezwaar staat een alternatief.
Een goede match
- Beginnen vanuit een thema past bij je, en je typt liever geen Bootstrap 5-klassen met de hand
- Je wilt de Bootstrap-bestanden houden: ook gratis gebruikers krijgen de geëxporteerde website uit de desktop-app
- Je werkt vaak zonder stabiele verbinding; lees wat offline websitesoftware blijft doen
- Je maakt websites voor kleine bedrijven en wilt 220+ premium thema's voor één jaarprijs
- Je begint graag met een prompt en werkt daarna met de hand verder; dezelfde editor accepteert een eerste concept van een AI-websitemaker
Kies iets anders als
- Je hebt een Bootstrap-template of -website om visueel te bewerken: Bootstrap Studio importeert hem, en Pinegrow bewerkt de bestanden
- Oudere Bootstrap 3- en 4-websites vragen onderhoud: Mobirise-thema's zijn alleen versie 5, terwijl Pinegrow en Bootstrap Studio de eerdere versies ondersteunen
- Je wilt Bootstrap alleen opnieuw kleuren voor code die je zelf schrijft: bootstrap.build is gratis en daarvoor gemaakt
- Je hebt een andere lay-out op telefoon nodig, of wilt zonder code elementen per apparaat verbergen: Webflow stelt elke breakpoint apart in
- Je wilt op het gratis abonnement code binnen de app wijzigen: de Code Editor is betaald
- Je hebt een app voor iPhone of iPad nodig: die is er niet, dus iOS-gebruikers werken in de browser
Vragen over Bootstrap-thema's en websitebouwers
Is een gratis Bootstrap-websitebouwer beter dan een Bootstrap-template?
Beide kunnen niets kosten, dus het hangt af van wie de website bewerkt. Een template geeft je een afgerond ontwerp als code, wat past bij iemand die thuis is in HTML. Een bouwer geeft je visueel bewerken en blokken die je kunt herschikken, maar kan externe bestanden weigeren: Mobirise kan geen template importeren.
Is Mobirise een Bootstrap 5-websitebouwer?
Ja. Elk thema levert statische pagina's op Bootstrap 5, met hun CSS en JavaScript. Bootstrap 3- of 4-code schrijft het niet; voor oudere projecten passen Bootstrap Studio of Pinegrow beter.
Is Mobirise een opensource Bootstrap-websitebouwer?
Nee. Mobirise is gratis om mee te beginnen, maar de eigen code is niet opensource. De websites die het maakt draaien op Bootstrap, dat dat wel is, en de desktop-app exporteert ze in elk abonnement als gewone HTML, CSS en JavaScript die je in elke code-editor kunt bewerken. Wil je een pagina-editor waarvan je de broncode kunt aanpassen, kijk dan naar de opensource-kits die ontwikkelaars in hun eigen software inbouwen.
Opent Mobirise een template die ik heb gekocht of gedownload?
Nee. De editor heeft geen importfunctie voor externe HTML en laadt alleen Mobirise-projecten, dus een template van een marktplaats blijft erbuiten. Behoud de look door hem na te bouwen met vergelijkbare blokken, of behoud de code door over te stappen op Bootstrap Studio of Pinegrow.
Hoeveel Mobirise-thema's zijn gratis?
Slechts één, het basisthema, dat bij de gratis desktop-app zit en 200+ blokken bevat. Elk ander thema is premium: KIT ($149 per jaar), BASE en GROW ontgrendelen de hele bibliotheek van 220+ thema's en extensies, en geen enkel thema heeft een aparte prijs.
Mag ik een gratis Bootstrap-template voor de website van een klant gebruiken?
Alleen als de licentie gebruik voor klanten en commercieel gebruik toestaat. Veel gratis templates doen dat; sommige eisen een zichtbare creditlink, en sommige verbieden doorverkoop. Lees de licentie voordat je begint, niet na de lancering.
Waar vind ik voorbeelden van Bootstrap-websites?
In het onderdeel Examples van de eigen documentatie van Bootstrap staan startlay-outs, zoals een blog, een prijspagina en een dashboard, waarvan je de code kunt lezen en hergebruiken. Templatemarktplaatsen tonen live demo's van complete websites. Loop voordat je er een kopieert de checklist hierboven door, te beginnen met de licentie.
Moet ik voor Mobirise Bootstrap-klassen kennen?
Nee. Het werkt als een visuele Bootstrap-websitemaker: je bewerkt blokken op de pagina en via hun instellingenpanelen, en Mobirise voegt de Bootstrap-klassen zelf toe. Kennis van Bootstrap loont zodra je de geëxporteerde bestanden of de betaalde Code Editor opent.
Waar kan ik een Mobirise-website publiceren?
Waar je maar wilt. Ook met het gratis abonnement publiceert de desktop-app op drie manieren: een FTP- of FTPES-upload naar een server naar keuze, een deploy naar GitHub Pages, of een kopie in een lokale map, zonder limiet op het aantal websites. De eigen hosting van Mobirise dekt drie gratis mobirisesite.com-websites, en een eigen domein daar vraagt om BASE of GROW.
Kan ik offline met Bootstrap-thema's werken?
Ja, in de geïnstalleerde app op Windows, macOS of Linux, zolang het thema al op je computer staat. Een nieuw thema ophalen vraagt om een verbinding, en dat geldt ook voor AI, publiceren, inloggen en een abonnement kopen.
Maak vandaag je eerste pagina
Begin met AI in de browser of download de gratis app. Het is in beide gevallen hetzelfde Mobirise.