Costruttore di siti web Bootstrap
Un costruttore di siti web Bootstrap ti permette di montare un sito responsive a partire da temi già pronti, senza scrivere a mano le classi del framework. Lo mettiamo a confronto con la programmazione da zero e con i template, analizziamo sette strumenti e mostriamo dove si colloca Mobirise, i cui siti funzionano con Bootstrap 5.
Gratis per siti personali e commerciali.
temi premium ed estensioni in KIT
Il piano gratuito include un tema base con 200+ blocchi. KIT, a 149 $ all'anno, sblocca tutto il resto, e ogni tema genera codice Bootstrap 5.
Sei fatti prima di scegliere un costruttore di siti web Bootstrap
Fatti su Bootstrap verificati il 14 ottobre 2026 dal team che sviluppa Mobirise.
Un costruttore di siti web Bootstrap è un editor visuale le cui pagine sono scritte nel framework CSS Bootstrap. Sullo schermo funziona come gli altri costruttori di siti web drag and drop: scegli e disponi le sezioni, lo strumento scrive la griglia, i componenti e le classi, e chiunque conosca Bootstrap può aprire e leggere il risultato.
Qualunque tema scegli come punto di partenza, le pagine che Mobirise genera sono file statici basati su Bootstrap 5: HTML, CSS e JavaScript.
Blocchi nell'unico tema base del piano gratuito. L'uso commerciale è consentito; i siti pubblicati con il piano gratuito riportano il branding Mobirise.
Temi premium ed estensioni che KIT sblocca in un unico pacchetto a 149 $ all'anno; nessun tema ha un prezzo a sé.
Con il piano gratuito o a pagamento, l'app desktop esporta l'intero sito come file. I siti creati nel browser si possono esportare con BASE o GROW.
Un template Bootstrap acquistato o scaricato altrove non si può caricare; l'editor accetta solo progetti Mobirise.
L'app per Windows, macOS e Linux permette di modificare e vedere l'anteprima offline. AI, pubblicazione e download di nuovi temi richiedono una connessione.
Quale strumento Bootstrap scegliere
Parti da ciò che hai: ancora niente, un template, il tuo codice o solo una combinazione di colori. Ogni scheda dice quando quello strumento è la scelta migliore e qual è il difetto.
Mobirise
Blocchi che modifichi direttamente nella pagina, un'app che funziona anche offline e l'esportazione del codice con ogni piano. Il difetto: i template esterni non si aprono e la modifica del codice nell'app è a pagamento.
Bootstrap Studio
Un'app desktop offline con editor di codice integrato, Bootstrap dalla versione 3 alla 5 e importazione HTML. Nessuna versione gratuita: 29 $ una tantum, oppure 59 $ per Lifetime.
Pinegrow
Apre i tuoi file HTML e CSS e mostra un'anteprima dal vivo della pagina accanto al sorgente. Pensato per chi legge il codice; 99 $ all'anno dopo una prova gratuita.
Shuffle
Un page builder Bootstrap nel browser, con 3.800+ componenti; scarichi il risultato e lo rifinisci nel tuo IDE. È gratuita solo la demo; Developer parte da 24 $ al mese.
bootstrap.build
Un theme builder Bootstrap 5 gratuito: regoli le variabili Sass, vedi l'anteprima aggiornarsi, poi scarichi il tema per il codice che scrivi tu. Non produce pagine.
8B AI
Un solo prompt ti dà un sito intero che puoi vedere senza pagare; pubblicarlo e ottenere l'HTML completo costa 9 $ al mese con Pro, pagato annualmente. Non è Bootstrap; funziona solo nel browser.
Webflow
Imposti gli stili per il desktop, poi li modifichi per tablet e telefoni. Non è basato su Bootstrap; i siti stanno sull'hosting di Webflow e scaricare il codice richiede un piano workspace a pagamento.
Un template admin Bootstrap
Dashboard con tabelle, grafici e login sono lavoro di programmazione, e un template admin già pronto fa risparmiare più tempo di qualsiasi costruttore di siti web, compreso il nostro.
Conflitto di interessi: siamo il team di Mobirise, quindi leggi la sua scheda con un sospetto in più. Le altre sette si basano su ciò che ogni produttore pubblica sul proprio strumento, e diverse indicano cose che quello strumento fa meglio del nostro.
Strumenti Bootstrap a confronto su temi e template
Righe scelte per un progetto che parte dai temi: da dove si comincia, cosa è gratis, quanto costa e se un template esterno si apre. Verifica i prezzi con ciascun fornitore prima di pagare.
| Funzionalità | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Punto di partenza | Un tema di blocchi pronti, o 4 design AI da un prompt | La sua libreria di template, o componenti trascinati sulla pagina | Librerie UI e template Bootstrap 5; un agente AI può abbozzare le pagine | Un prompt; nessun template | I tuoi file, template di partenza o la libreria gratuita Pinekit | Le variabili predefinite di Bootstrap; nessuna pagina | 7.000+ template, gratuiti e a pagamento |
| Versione di Bootstrap | 5 | 3, 4 e 5 | Solo Bootstrap 5, anche se l'editor copre pure Material UI, Bulma e Tailwind | Non è Bootstrap | Bootstrap 3, 4 o 5; anche progetti Tailwind CSS e HTML semplice | 5 | Non è Bootstrap |
| Uso gratuito | Sì: 1 tema, 200+ blocchi, esportazione dall'app; branding sui siti pubblicati | Nessuna versione gratuita | Solo demo | Design gratuiti da creare e vedere; nessuna pubblicazione | Prova gratuita | Sì, senza registrazione | Piano gratuito; il sito sta su un sottodominio webflow.io e mostra il badge di Webflow |
| Prezzo a pagamento | 149 $ all'anno (KIT), 199 $ (BASE) o 249 $ (GROW), tutti fatturati annualmente | Una tantum: 59 $ per Lifetime, oppure 29 $ per Standard con 12 mesi di aggiornamenti | Piano Developer: 249 $ una tantum (sale a 349 $ dal 16/10/2026), 99 $ all'anno o 24 $ al mese | 9 $ al mese per Pro, pagato annualmente | 99 $ all'anno, venduto anche mensilmente o con licenza una tantum | Niente da comprare | Piano Basic per un sito: 15 $ al mese, pagato annualmente |
| Apre un template esterno | No; apre solo progetti Mobirise | Sì, trascini i file | Non indicato | Non indicato | Sì, modifica i file direttamente | No, ridefinisce lo stile di Bootstrap, non le pagine | Non indicato |
| Modifica del codice | Code Editor nei piani a pagamento; con Free, modifichi altrove i file esportati | Editor integrato per HTML, CSS, Sass e JavaScript | 500+ variabili Bootstrap; codice rifinito nel tuo IDE | L'HTML e il CSS veri, anche gratis; Pro aggiunge le modifiche via chat | Vista completa del codice accanto a quella visuale | Solo le variabili del tema | Incorporamenti di codice personalizzato nei piani a pagamento |
| Dove funziona | App per Windows, Mac e Linux che funziona offline, oppure un browser | App desktop, completamente offline: Windows 10+, macOS, Linux | Browser | Browser | Installazione desktop: Mac, Windows, Linux | Browser | Browser |
Tre modi per ottenere un sito Bootstrap
Tutti e tre finiscono in HTML e CSS Bootstrap. Si differenziano per le competenze richieste, il tempo che servono e il controllo che offrono.
Scriverlo da zero
Competenze: HTML, CSS, le classi di Bootstrap e un po' di JavaScript. Tempo: la strada più lenta, perché ogni sezione va scritta e testata a mano. Controllo: totale; nel codice c'è solo ciò che ci hai messo tu. Adatto agli sviluppatori e ai siti che fanno parte di un progetto più grande.
Modificare un template Bootstrap
Competenze: abbastanza HTML da orientarsi nei file di qualcun altro. Tempo: un design Bootstrap curato subito, poi si rallenta, perché ogni modifica a testi e foto è una modifica al codice. Controllo: alto, entro la struttura e la licenza del template. Adatto a chi si trova a suo agio in un editor di codice.
Assemblarlo dai temi in un costruttore
Competenze: nessuna per le basi; scegli i blocchi e scrivi il testo, come nella maggior parte dei costruttori di siti web facili. Tempo: di solito la via più rapida per un sito aziendale standard. Controllo: quello che consentono i blocchi, le loro impostazioni e l'eventuale accesso al codice, più i limiti propri del costruttore, come i file che sa aprire.
Molti mescolano le strade, usando un costruttore come generatore di template Bootstrap: impostano il sito nello strumento, lo esportano, poi rifiniscono i dettagli nel codice. Considera quell'esportazione un passaggio a senso unico. Mobirise non può riaprire file modificati a mano, quindi fai le modifiche di design nel progetto ed esporta di nuovo.
Cosa significa «framework per la creazione di siti web»
Alcuni costruttori scrivono le pagine in un framework CSS pubblico, altri in codice proprio. La differenza si nota il giorno in cui apri i file.
La maggior parte di chi cerca questa espressione intende un costruttore che poggia su un framework CSS come Bootstrap. Il framework fornisce griglia, componenti e nomi delle classi; il costruttore offre un modo visuale per disporli. Mobirise, Bootstrap Studio, Shuffle e Pinegrow funzionano così, mentre Webflow e 8B AI producono stili propri invece di Bootstrap.
Gli sviluppatori usano queste parole anche per i kit open source che inseriscono un editor di pagine nel proprio software. È un lavoro diverso, e questa pagina non lo tratta.
Codice che altri sanno leggere
Le classi di Bootstrap sono documentate pubblicamente, quindi uno sviluppatore che conosce il framework può lavorare sulle tue pagine esportate senza imparare il costruttore.
Una via d'uscita
Lascia il costruttore, e i file basati su un framework si aprono comunque in qualsiasi editor di codice e funzionano su qualsiasi host. Un output legato al sistema proprietario di un solo strumento è più difficile da spostare.
La versione conta molto
Bootstrap 3, 4 e 5 differiscono per nomi delle classi e script. Controlla quale versione scrive un costruttore prima di creare con esso tanti siti.
Se per te conta più l'HTML pulito del framework che c'è sotto, leggi il nostro confronto tra editor HTML WYSIWYG.
Come i temi Mobirise si rapportano a Bootstrap 5
«Tema» ha qui un significato diverso da quello che ha su un marketplace Bootstrap.
Nel mondo Bootstrap un tema è di solito o una rivisitazione grafica del framework, con nuovi colori, font e spaziature impostati nelle variabili Sass, oppure un template completo che si compra e si modifica come codice. Un tema Mobirise è una famiglia di blocchi pronti con un unico design condiviso. Invece di modificare i file, aggiungi i suoi blocchi alle pagine e li cambi nell'editor, mentre Mobirise scrive il markup Bootstrap 5.
Bootstrap 5 sotto il cofano
Qualunque tema scegli, l'output è formato da pagine statiche Bootstrap 5 con i relativi fogli di stile e script. Tutti i suoi blocchi sono responsive: porta l'anteprima dell'editor alla dimensione del telefono, poi del tablet, poi del desktop, e guarda il tema adattarsi.
Stile senza Sass
Lo Style Editor contiene font e colori dell'intero progetto. Ogni blocco ha un pannello dei parametri per spaziatura, sfondo, quali parti mostrare e quante colonne, e ogni titolo prende il tag H che scegli.
Un solo layout per tutti gli schermi
I blocchi si adattano da soli a ogni schermo. Non c'è una versione per telefono da mantenere, e nessun interruttore che nasconde un elemento su un solo dispositivo.
Hai già un template Bootstrap? Mobirise non può aprirlo. Ricostruisci le sue sezioni con blocchi simili, oppure continua a modificare l'originale in Bootstrap Studio, che lo importa, o in Pinegrow, che lavora direttamente sui file.
Cosa controllare nei template Bootstrap gratuiti
Utile con qualunque strumento tu scelga. Un template gratuito fa risparmiare tempo solo se nessuno di questi punti ti sorprende più avanti.
Licenza
Verifica che siano consentiti l'uso commerciale e il lavoro per clienti, e se il credito nel footer debba restare. Alcuni template gratuiti chiedono un link di ritorno a meno che tu non paghi.
Ultimo aggiornamento
Guarda la data dell'ultima release o dell'ultimo commit. Un template fermo da anni tende a portarsi dietro plugin vecchi e bug non corretti.
Versione di Bootstrap
Trovala nel nome del file CSS o nel file del pacchetto. Passare dalla 3 o dalla 4 alla 5 significa classi rinominate e script riscritti.
Script aggiuntivi
Bootstrap 5 non ha più bisogno di jQuery. Un template che lo carica ancora, insieme a plugin per slider e animazioni, ti lascia più cose da tenere aggiornate.
Immagini
Le foto della demo hanno spesso una licenza propria o nel download sono sostituite da segnaposto. Metti in conto di usare le tue immagini.
Sorgenti Sass
Con i file Sass cambi colori e font in un unico punto. Un solo file CSS compilato significa scrivere gli override a mano.
Telefoni e tastiere
Apri la demo su un telefono, poi percorrila con il tasto Tab. Un menu che fallisce uno dei due test delude i tuoi visitatori.
Documentazione
Cerca note di installazione, un changelog e un posto dove segnalare i bug. Con la maggior parte dei template gratuiti, nessun altro risolverà i problemi al posto tuo.
Mobirise è il costruttore di siti web Bootstrap giusto per te?
Si adatta a chi lavora partendo dai temi. Le due liste mostrano entrambi i lati, e ogni caso contrario indica un'alternativa.
Una buona scelta
- Partire da un tema fa per te, e preferisci non scrivere a mano le classi di Bootstrap 5
- Vuoi tenere i file Bootstrap: anche chi usa il piano gratuito ottiene il sito esportato dall'app desktop
- Lavori spesso senza una connessione stabile; ecco cosa continua a funzionare con un software per creare siti web offline
- Realizzi siti per piccole imprese e vuoi 220+ temi premium a un unico prezzo annuale
- Ti piace partire da un prompt e rifinire a mano; lo stesso editor accetta la prima bozza di un creatore di siti web AI
Scegli altro se
- Hai un template o un sito Bootstrap da modificare in modo visuale: Bootstrap Studio lo importa e Pinegrow ne modifica i file
- Vecchi siti Bootstrap 3 e 4 richiedono manutenzione: i temi Mobirise sono solo versione 5, mentre Pinegrow e Bootstrap Studio supportano le release precedenti
- Vuoi solo ricolorare Bootstrap per il codice che scrivi: bootstrap.build è gratuito ed è fatto per questo
- Ti serve un layout diverso per il telefono, o nascondere elementi per dispositivo senza codice: Webflow imposta lo stile di ogni breakpoint
- Vuoi modificare il codice dentro l'app con il piano gratuito: il Code Editor è a pagamento
- Ti serve un'app per iPhone o iPad: non esiste, quindi gli utenti iOS lavorano nel browser
Domande su temi e costruttori Bootstrap
Un costruttore di siti web Bootstrap gratuito è meglio di un template Bootstrap?
Entrambi possono costare zero, quindi dipende da chi modifica il sito. Un template ti consegna un design finito sotto forma di codice, adatto a chi è a suo agio con l'HTML. Un costruttore offre la modifica visuale e blocchi che puoi riordinare, ma può rifiutare file esterni: Mobirise non può importare un template.
Mobirise è un costruttore di siti web Bootstrap 5?
Sì. Ogni tema produce pagine statiche su Bootstrap 5, con il relativo CSS e JavaScript. Non scrive codice Bootstrap 3 o 4; per i progetti più vecchi, Bootstrap Studio o Pinegrow sono più adatti.
Mobirise è un costruttore Bootstrap open source?
No. Mobirise si inizia a usare gratis, ma il suo codice non è open source. I siti che crea funzionano su Bootstrap, che lo è, e l'app desktop li esporta con qualsiasi piano come HTML, CSS e JavaScript semplici, modificabili in qualsiasi editor di codice. Se cerchi un editor di pagine di cui poter cambiare il sorgente, guarda i kit open source che gli sviluppatori integrano nel proprio software.
Mobirise aprirà un template che ho comprato o scaricato?
No. Il suo editor non ha un importatore per l'HTML esterno e carica solo progetti Mobirise, quindi un template da marketplace resta fuori. Per mantenere l'aspetto, ricostruiscilo con blocchi simili; per mantenere il codice, passa a Bootstrap Studio o a Pinegrow.
Quanti temi Mobirise sono gratuiti?
Solo uno, il tema base, che arriva con l'app desktop gratuita e contiene 200+ blocchi. Tutti gli altri temi sono premium: KIT (149 $ all'anno), BASE e GROW sbloccano l'intera libreria di 220+ temi ed estensioni, e nessun tema ha un prezzo separato.
Posso usare un template Bootstrap gratuito per il sito di un cliente?
Solo se la licenza consente l'uso commerciale e per clienti. Molti template gratuiti lo permettono; alcuni richiedono un link di credito visibile, e alcuni vietano la rivendita. Leggi la licenza prima di iniziare, non dopo il lancio.
Dove posso vedere esempi di siti Bootstrap?
La sezione Examples della documentazione di Bootstrap contiene layout di partenza, come un blog, una pagina dei prezzi e una dashboard, il cui codice puoi leggere e riutilizzare. I marketplace di template mostrano demo dal vivo di siti completi. Prima di copiarne uno, ripassa la checklist qui sopra, a partire dalla licenza.
Mobirise richiede di conoscere le classi di Bootstrap?
No. Funziona come un creatore visuale di siti Bootstrap: modifichi i blocchi sulla pagina e tramite i loro pannelli dei parametri, e Mobirise aggiunge da sé le classi Bootstrap. Conoscere Bootstrap torna utile quando apri i file esportati o il Code Editor a pagamento.
Dove posso pubblicare un sito Mobirise?
Dove vuoi. Anche con il piano gratuito, l'app desktop pubblica in tre modi: un caricamento FTP o FTPES su un server a tua scelta, un deploy su GitHub Pages, o una copia in una cartella locale, senza limite al numero di siti. L'hosting di Mobirise comprende tre siti gratuiti su mobirisesite.com, e un dominio personalizzato lì richiede BASE o GROW.
Posso lavorare offline sui temi Bootstrap?
Sì, nell'app installata su Windows, macOS o Linux, purché il tema sia già sul tuo computer. Scaricare un nuovo tema richiede una connessione, come l'AI, la pubblicazione, l'accesso e l'acquisto di un piano.
Crea oggi la tua prima pagina
Inizia con l'AI nel browser o scarica l'app gratuita. In entrambi i casi è lo stesso Mobirise.