Bootstrap-bouwer

Bijgewerkt in oktober 2026 · door het Mobirise-team

Soort tool

Een visuele Bootstrap 5-bouwer voor complete websites: elk thema is gebouwd op Bootstrap 5 en elk blok gebruikt het grid en de klassen van Bootstrap.

Systemen en installatiebestanden

MobiriseSetup.exe (ongeveer 105 MB) voor Windows 7 en hoger; twee .dmg-bestanden, voor Apple Silicon en Intel (elk ongeveer 134 MB), voor High Sierra 10.13 en hoger; een .deb (ongeveer 102 MB) voor Ubuntu en andere op Debian gebaseerde Linuxdistributies. Versie 6.1.12; dezelfde engine werkt ook in een browser.

Kosten

$0 voor persoonlijk of commercieel gebruik, met het basisthema en de 200+ blokken. Wie KIT neemt, $149 per jaar, krijgt er 220+ premium thema's en extensies bij, waaronder de Code Editor.

Toegang tot de code

De Code Editor herschrijft de markup en CSS van elk blok of elke pagina. Zonder deze extensie exporteer je de site en gebruik je een editor naar keuze.

Resultaat

Statische HTML, CSS en JavaScript, die de desktop-app bij elk abonnement wegschrijft, ook bij het gratis abonnement. Verstuur het via FTP of FTPES, naar GitHub Pages of naar een map, voor een willekeurig aantal sites.

AI (optioneel)

Mobirise AI maakt van een korte beschrijving vier ontwerpen met teksten en afbeeldingen, die je verfijnt via chat of met de hand. Gratis accounts krijgen drie AI-generaties per maand.

Beperkingen

De editor laadt alleen projecten die in Mobirise zijn gemaakt, dus een bestaande Bootstrap-site of gekochte template kan niet worden geopend. Er is geen visuele instelling om elementen per apparaat te verbergen of te verplaatsen.

In zijn review uit 2015 noemde Network World Mobirise “a free, simple, drag and drop mobile responsive Web site builder” (“een gratis, eenvoudige, responsive websitebouwer met drag-and-drop voor mobiel”).

Bootstrap legt een pagina op als containers, rijen en een grid van twaalf kolommen. Als Bootstrap-websitebouwer houdt Mobirise elk blok aan dat patroon, zodat een Bootstrap-gebruiker de geëxporteerde markup meteen kan lezen.

<section data-bs-version="5.1" class="features03 specialtym5 cid-vdJCkTr7dA">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="card-wrapper large-radius">
          <div class="row content-wrapper justify-content-center">
            <div class="col-12 col-lg-7 card">
              <h2 class="mbr-section-title mbr-fonts-style display-2">
                Advanced Medical Management System</h2>
            </div>
            <div class="col-12 col-lg-5 card">
              <p class="mbr-text mbr-fonts-style display-7">…</p>
              <a class="btn btn-secondary-outline display-4" href="#">View More</a>
            </div>
          </div>
          <div class="row items-wrapper justify-content-center">
            <div class="item features-without-image col-12 col-lg-4">
              <h4 class="item-title mbr-fonts-style display-5">Records Management</h4>
              <p class="item-text mbr-fonts-style display-7">…</p>
            </div>
            <!-- two more cards: Smart Scheduling, Reporting Tools -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Bron: het blok met functies uit de SpecialtyM5-demo voor een medisch beheersysteem op mobirise.com, met de binnenste wrappers, pictogrammen en lopende tekst weggelaten. De eigen klassen van Bootstrap staan in amber, de themaklassen van Mobirise in blauw.

Een geëxporteerde site bewaart, net als de demo, de CSS- en JavaScript-bundel van Bootstrap, de themastijlen en de afbeeldingen in een assets-map; de gids over de HTML-paginabouwer behandelt die bestanden.

8B AI en Webflow zijn geen Bootstrap-tools, maar wie een Bootstrap-websitebouwer zoekt, weegt ze vaak ook mee. Rijen waarin Mobirise slechter uitkomt, blijven staan.

Gegevens verzameld op 13 oktober 2026 van de eigen site, prijslijst en helppagina's van elke aanbieder, in Amerikaanse dollars vóór het inloggen. Eenmalige prijzen gelden per licentie; Mobirise-abonnementen worden jaarlijks gefactureerd. Aanbiedingen, regionale prijzen en abonnementen veranderen vaak, dus controleer bij de aanbieder voordat je betaalt.

Elke tool hier eindigt in responsive pagina's. Ze verschillen in voor wie ze zijn: mensen die kant-en-klare blokken schikken, mensen die klassen schrijven en mensen die alleen een themabestand nodig hebben.

Gratis, visueel, bestanden blijven van jou

Mobirise: Bootstrap 5-blokken, een gratis desktop-app en code-export bij elk abonnement.

Eén betaling, elk Bootstrap-component

Bootstrap Studio: een eenmalige licentie, Bootstrap 3 t/m 5 en site-import.

Code bewerken die je al hebt

Pinegrow: het opent bestaande Bootstrap-bestanden en toont de weergegeven pagina naast de broncode.

Een AI-ontwerp beoordelen voordat je betaalt

8B AI, als Bootstrap-markup voor jou niet uitmaakt.

Bootstrap 5-componenten online

Shuffle: een grote componentenbibliotheek, die je downloadt en in je IDE afwerkt.

Alleen een thema: kleuren, lettertypen, variabelen

bootstrap.build, gratis, met Sass of CSS voor je eigen build.

Een lay-out per breakpoint afstellen

Webflow, als je zonder Bootstrap kunt.

Een Bootstrap 3- of 4-project in leven houden

Bootstrap Studio of Pinegrow. Mobirise-thema's gebruiken Bootstrap 5.

Een beheerdashboard voor een webapp

Een Bootstrap-admintemplate. Mobirise maakt websites, geen applicatieschermen.

Bootstrap werkt mobile first: een klasse gaat in bij zijn breakpoint en op elk breder scherm. De breedtes komen uit de documentatie van Bootstrap; het gedrag komt uit de drie hierboven afgebeelde demosites, waar bijna elke kolom col-12 plus een col-lg-waarde is.

Stel het aantal kolommen van een blok in via de parameters en controleer het in de voorbeelden voor telefoon, tablet en desktop. Om te veranderen waar een lay-out omschakelt, of om iets op kleine schermen te verbergen met d-none d-lg-block, pas je de markup aan in de Code Editor; de demopagina's laden de volledige stylesheet van Bootstrap, dus zulke utilities werken. Geen enkele visuele schakelaar doet dit per apparaat.

De meeste aanpassingen vragen geen code. De bediening, van de snelste tot de meest technische: