Constructeur de site web Bootstrap
Un constructeur de site web Bootstrap permet d'assembler un site responsive à partir de thèmes prêts à l'emploi, sans taper soi-même les classes du framework. Nous le comparons au codage à la main et aux modèles, puis nous confrontons sept outils et situons Mobirise, dont les sites reposent sur Bootstrap 5.
Gratuit pour les sites personnels et commerciaux.
thèmes premium et extensions dans KIT
Le plan gratuit comprend un thème de base avec 200+ blocs. KIT, à 149 $ par an, débloque le reste, et chaque thème génère du code Bootstrap 5.
Six faits avant de choisir un constructeur de site web Bootstrap
Informations sur Bootstrap vérifiées le 14 octobre 2026 par l'équipe qui développe Mobirise.
Un constructeur de site web Bootstrap est un éditeur visuel dont les pages sont écrites avec le framework CSS Bootstrap. À l'écran, il fonctionne comme les autres éditeurs de site web par glisser-déposer : vous choisissez et organisez des sections, l'outil écrit la grille, les composants et les classes, et toute personne qui connaît Bootstrap peut ouvrir et lire le résultat.
Quel que soit le thème de départ, les pages écrites par Mobirise sont des fichiers statiques reposant sur Bootstrap 5 : HTML, CSS et JavaScript.
Blocs dans l'unique thème de base du plan gratuit. L'usage commercial est autorisé ; les sites publiés gratuitement affichent la mention Mobirise.
Thèmes premium et extensions que KIT débloque en un seul lot pour 149 $ par an ; aucun thème n'a de prix propre.
Gratuite ou payante, l'application de bureau exporte le site complet sous forme de fichiers. Les sites créés dans le navigateur peuvent être exportés avec BASE ou GROW.
Un modèle Bootstrap acheté ou téléchargé ailleurs ne peut pas être chargé ; l'éditeur n'accepte que des projets Mobirise.
L'application Windows, macOS et Linux permet de modifier et de prévisualiser hors ligne. L'IA, la publication et le téléchargement de nouveaux thèmes nécessitent une connexion.
Quel outil Bootstrap choisir
Partez de ce que vous avez : rien pour l'instant, un modèle, votre propre code ou seulement une palette de couleurs. Chaque carte indique quand cet outil est le meilleur choix, et son point faible.
Mobirise
Des blocs que l'on modifie directement sur la page, une application qui fonctionne aussi hors ligne et l'export du code avec tous les plans. Le point faible : les modèles externes ne s'ouvrent pas, et la modification du code dans l'application est payante.
Bootstrap Studio
Une application de bureau hors ligne avec éditeur de code intégré, Bootstrap 3 à 5 et import HTML. Pas de version gratuite : 29 $ en une fois, ou 59 $ pour Lifetime.
Pinegrow
Ouvre vos fichiers HTML et CSS et affiche un aperçu en direct de la page à côté de son code source. Conçu pour les personnes qui lisent le code ; 99 $ par an après un essai gratuit.
Shuffle
Un créateur de pages Bootstrap dans le navigateur, avec 3 800+ composants ; vous téléchargez le résultat et le terminez dans votre IDE. Seule une démo est gratuite ; Developer démarre à 24 $ par mois.
bootstrap.build
Un créateur de thèmes Bootstrap 5 gratuit : vous réglez les variables Sass, voyez l'aperçu se mettre à jour, puis téléchargez le thème pour le code que vous écrivez. Il ne produit aucune page.
8B AI
Un seul prompt donne un site entier que vous pouvez voir sans payer ; le publier et obtenir le HTML complet coûte 9 $ par mois avec Pro, payé annuellement. Pas Bootstrap ; navigateur uniquement.
Webflow
Définissez les styles du bureau, puis remplacez-les pour les tablettes et les téléphones. Pas basé sur Bootstrap ; les sites sont hébergés chez Webflow, et télécharger le code exige un plan d'espace de travail payant.
Un modèle d'administration Bootstrap
Les tableaux de bord avec tableaux, graphiques et connexions relèvent du travail de code, et un modèle d'administration prêt à l'emploi fait gagner plus de temps qu'aucun constructeur de site web, le nôtre compris.
Avertissement : nous sommes l'équipe Mobirise, lisez donc sa carte avec une méfiance particulière. Les sept autres s'appuient sur ce que chaque éditeur publie sur son propre outil, et plusieurs citent des points où cet outil fait mieux que le nôtre.
Comparatif des outils Bootstrap : thèmes et modèles
Lignes choisies pour un projet qui part des thèmes : point de départ, ce qui est gratuit, le prix, et si un modèle externe s'ouvre. Confirmez les prix auprès de chaque éditeur avant de payer.
| Caractéristique | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Point de départ | Un thème de blocs prêts à l'emploi, ou 4 designs IA à partir d'un prompt | Sa bibliothèque de modèles, ou des composants glissés sur la page | Des bibliothèques d'interface et des modèles Bootstrap 5 ; un agent IA peut rédiger des pages | Un prompt ; aucun modèle | Vos propres fichiers, des modèles de départ ou la bibliothèque gratuite Pinekit | Les variables par défaut de Bootstrap ; aucune page | 7 000+ modèles, gratuits et payants |
| Version de Bootstrap | 5 | 3, 4 et 5 | Bootstrap 5 uniquement, bien que l'éditeur couvre aussi Material UI, Bulma et Tailwind | Pas Bootstrap | Bootstrap 3, 4 ou 5 ; projets Tailwind CSS et HTML simple également | 5 | Pas Bootstrap |
| Gratuit | Oui : 1 thème, 200+ blocs, export depuis l'application ; mention Mobirise sur les sites publiés | Pas de version gratuite | Démo seulement | Designs gratuits à créer et à consulter ; pas de publication | Essai gratuit | Oui, sans inscription | Plan gratuit ; le site est sur un sous-domaine webflow.io et affiche le badge Webflow |
| Prix payant | 149 $ par an (KIT), 199 $ (BASE) ou 249 $ (GROW), tous facturés annuellement | Paiement unique : 59 $ pour Lifetime, ou 29 $ pour Standard avec 12 mois de mises à jour | Plan Developer : 249 $ en une fois (puis 349 $ à partir du 16 octobre 2026), 99 $ par an ou 24 $ par mois | 9 $ par mois pour Pro, payé annuellement | 99 $ par an, vendu aussi au mois ou en licence unique | Rien à acheter | Plan de site Basic : 15 $ par mois, payé annuellement |
| Ouvre un modèle externe | Non ; il n'ouvre que des projets Mobirise | Oui, vous glissez les fichiers | Non précisé | Non précisé | Oui, il modifie directement les fichiers | Non, il restyle Bootstrap, pas des pages | Non précisé |
| Modification du code | Code Editor avec les plans payants ; avec Free, modifiez ailleurs les fichiers exportés | Éditeur intégré pour HTML, CSS, Sass et JavaScript | 500+ variables Bootstrap ; code terminé dans votre IDE | Le vrai HTML et CSS, même en gratuit ; Pro ajoute les modifications par chat | Vue code complète à côté de la vue visuelle | Variables du thème uniquement | Code personnalisé intégrable avec les plans payants |
| Fonctionne sur | Application Windows, Mac et Linux qui fonctionne hors ligne, ou navigateur | Application de bureau, entièrement hors ligne : Windows 10+, macOS, Linux | Navigateur | Navigateur | Installation sur ordinateur : Mac, Windows, Linux | Navigateur | Navigateur |
Trois façons d'obtenir un site Bootstrap
Toutes les trois aboutissent à du HTML et du CSS Bootstrap. Elles diffèrent par les compétences requises, le temps nécessaire et le degré de contrôle.
Tout écrire à partir de zéro
Compétences : HTML, CSS, classes de Bootstrap et un peu de JavaScript. Temps : la voie la plus lente, puisque chaque section est écrite et testée à la main. Contrôle : total ; le code ne contient rien que vous n'y ayez mis. Convient aux développeurs, et aux sites qui font partie d'un projet plus vaste.
Modifier un modèle Bootstrap
Compétences : assez de HTML pour vous repérer dans les fichiers de quelqu'un d'autre. Temps : un design de site Bootstrap soigné dès le départ, puis un rythme plus lent, car chaque changement de texte ou de photo est une modification de code. Contrôle : élevé, dans les limites de la structure et de la licence du modèle. Convient aux personnes à l'aise dans un éditeur de code.
L'assembler à partir de thèmes dans un constructeur
Compétences : aucune pour l'essentiel ; vous choisissez des blocs et vous saisissez le texte, comme dans la plupart des constructeurs de pages web faciles. Temps : généralement la voie la plus rapide pour un site d'entreprise standard. Contrôle : ce que permettent les blocs, leurs réglages et l'accès éventuel au code, plus les limites propres au constructeur, comme les fichiers qu'il sait ouvrir.
Beaucoup de gens combinent les voies et se servent d'un constructeur comme d'un créateur de modèles Bootstrap : ils composent le site dans l'outil, l'exportent, puis peaufinent les détails dans le code. Considérez cet export comme une étape à sens unique. Mobirise ne sait pas rouvrir des fichiers modifiés à la main ; faites donc les changements de design dans le projet et exportez de nouveau.
Ce que signifie « framework de création de sites web »
Certains constructeurs écrivent leurs pages avec un framework CSS public, d'autres avec un code qui leur est propre. La différence se remarque le jour où vous ouvrez les fichiers.
La plupart des personnes qui cherchent cette expression pensent à un constructeur bâti sur un framework CSS comme Bootstrap. Le framework fournit la grille, les composants et les noms de classes ; le constructeur offre un moyen visuel de les organiser. Mobirise, Bootstrap Studio, Shuffle et Pinegrow fonctionnent ainsi, alors que Webflow et 8B AI produisent leurs propres styles au lieu de Bootstrap.
Les développeurs emploient aussi ces mots pour des kits open source qui intègrent un éditeur de pages dans leur propre logiciel. C'est un autre travail, que cette page ne couvre pas.
Du code que d'autres peuvent lire
Les classes de Bootstrap sont documentées publiquement : un développeur qui connaît le framework peut donc travailler sur vos pages exportées sans apprendre le constructeur.
Une porte de sortie
Si vous quittez le constructeur, les fichiers basés sur un framework s'ouvrent toujours dans n'importe quel éditeur de code et fonctionnent chez n'importe quel hébergeur. Un résultat lié au système propre d'un outil est plus difficile à déplacer.
La version compte beaucoup
Bootstrap 3, 4 et 5 diffèrent par les noms de classes et les scripts. Vérifiez laquelle un constructeur écrit avant de créer plusieurs sites avec lui.
Si le HTML propre vous importe plus que le framework sous-jacent, consultez notre comparatif des éditeurs HTML WYSIWYG.
Comment les thèmes Mobirise s'articulent avec Bootstrap 5
« Thème » n'a pas ici le même sens que sur une place de marché Bootstrap.
Dans l'univers Bootstrap, un thème est généralement soit une refonte du style du framework, avec de nouvelles couleurs, polices et espacements définis dans des variables Sass, soit un modèle complet que l'on achète et modifie comme du code. Un thème Mobirise est une famille de blocs prêts à l'emploi qui partagent un même design. Au lieu de modifier des fichiers, vous ajoutez ses blocs aux pages et vous les changez dans l'éditeur, pendant que Mobirise écrit le balisage Bootstrap 5.
Bootstrap 5 en dessous
Quel que soit le thème choisi, le résultat est un ensemble de pages statiques Bootstrap 5 avec leurs feuilles de style et leurs scripts. Tous ses blocs sont responsive : passez l'aperçu de l'éditeur à la taille d'un téléphone, puis d'une tablette, puis d'un ordinateur, et regardez le thème se réorganiser.
Un style sans Sass
Le Style Editor regroupe les polices et les couleurs de tout le projet. Chaque bloc a un panneau des paramètres pour l'espacement, l'arrière-plan, les parties affichées et le nombre de colonnes, et chaque titre prend la balise H que vous choisissez.
Une mise en page pour tous les écrans
Les blocs s'adaptent seuls à chaque écran. Il n'y a pas de version mobile distincte à maintenir, ni d'interrupteur pour masquer un élément sur un seul appareil.
Vous avez déjà un modèle Bootstrap ? Mobirise ne peut pas l'ouvrir. Reconstruisez ses sections avec des blocs similaires, ou continuez à le modifier dans Bootstrap Studio, qui l'importe, ou dans Pinegrow, qui travaille directement sur les fichiers.
Que vérifier dans les modèles Bootstrap gratuits
Utile quel que soit l'outil choisi. Un modèle gratuit ne fait gagner du temps que si rien de tout cela ne vous surprend plus tard.
Licence
Vérifiez que l'usage commercial et le travail pour des clients sont autorisés, et si la mention en pied de page doit rester. Certains modèles gratuits demandent un lien de retour, sauf si vous payez.
Dernière mise à jour
Regardez la date de la dernière version ou du dernier commit. Un modèle laissé de côté depuis des années embarque souvent de vieux plugins et des bugs non corrigés.
Version de Bootstrap
Elle figure dans le nom du fichier CSS ou dans le fichier de paquet. Passer de la version 3 ou 4 à la 5 implique des classes renommées et des scripts réécrits.
Scripts supplémentaires
Bootstrap 5 n'a plus besoin de jQuery. Un modèle qui le charge encore, avec des plugins de diaporama et d'animation, vous laisse davantage à maintenir à jour.
Images
Les photos de démonstration ont souvent leur propre licence ou sont remplacées par des images factices dans le téléchargement. Prévoyez d'utiliser vos propres images.
Sources Sass
Avec les fichiers Sass, vous changez couleurs et polices à un seul endroit. Un unique fichier CSS compilé oblige à écrire les surcharges à la main.
Téléphones et clavier
Ouvrez la démo sur un téléphone, puis parcourez-la avec la touche Tab. Un menu qui échoue à l'un de ces deux tests échoue auprès de vos visiteurs.
Documentation
Cherchez des notes d'installation, un journal des modifications et un endroit où signaler les bugs. Avec la plupart des modèles gratuits, personne d'autre ne corrigera vos problèmes à votre place.
Mobirise est-il le bon constructeur de site web Bootstrap pour vous ?
Il convient à une façon de travailler qui part des thèmes. Les deux listes montrent les deux côtés, et chaque cas défavorable nomme une alternative.
Un bon choix
- Partir d'un thème vous convient, et vous préférez ne pas taper à la main les classes de Bootstrap 5
- Vous voulez garder les fichiers Bootstrap : même les utilisateurs gratuits obtiennent le site exporté depuis l'application de bureau
- Vous travaillez souvent sans connexion stable : voici ce qui continue de fonctionner dans un logiciel de création de site web hors ligne
- Vous créez des sites pour de petites entreprises et voulez 220+ thèmes premium pour un seul prix annuel
- Vous aimez partir d'un prompt puis affiner à la main ; le même éditeur accepte une première ébauche générée par un créateur de site web IA
Choisissez autre chose si
- Vous avez un modèle ou un site Bootstrap à modifier visuellement : Bootstrap Studio l'importe, et Pinegrow modifie ses fichiers
- D'anciens sites Bootstrap 3 et 4 demandent de l'entretien : les thèmes Mobirise sont uniquement en version 5, alors que Pinegrow et Bootstrap Studio prennent en charge les versions antérieures
- Vous voulez seulement recolorer Bootstrap pour du code que vous écrivez : bootstrap.build est gratuit et conçu pour cela
- Il vous faut une mise en page différente sur téléphone, ou masquer des éléments selon l'appareil sans code : Webflow règle les styles de chaque point de rupture
- Vous voulez modifier le code dans l'application avec le plan gratuit : le Code Editor est payant
- Il vous faut une application pour iPhone ou iPad : il n'y en a pas, les utilisateurs d'iOS travaillent donc dans le navigateur
Questions sur les thèmes et les constructeurs Bootstrap
Un constructeur de site web Bootstrap gratuit vaut-il mieux qu'un modèle Bootstrap ?
Les deux peuvent ne rien coûter, tout dépend donc de qui modifie le site. Un modèle vous remet un design fini sous forme de code, ce qui convient à qui est à l'aise avec le HTML. Un constructeur offre l'édition visuelle et des blocs que l'on peut réorganiser, mais il peut refuser les fichiers extérieurs : Mobirise ne peut pas importer de modèle.
Mobirise est-il un constructeur de sites web Bootstrap 5 ?
Oui. Chaque thème produit des pages statiques sur Bootstrap 5, avec leur CSS et leur JavaScript. Il n'écrit pas de code Bootstrap 3 ou 4 ; pour les anciens projets, Bootstrap Studio ou Pinegrow conviennent mieux.
Mobirise est-il un constructeur de sites Bootstrap open source ?
Non. Mobirise est gratuit pour commencer, mais son propre code n'est pas open source. Les sites qu'il crée reposent sur Bootstrap, qui l'est, et l'application de bureau les exporte avec tous les plans en HTML, CSS et JavaScript simples que vous pouvez modifier dans n'importe quel éditeur de code. Si vous voulez un éditeur de pages dont vous pouvez modifier la source, regardez les kits open source que les développeurs intègrent à leurs propres logiciels.
Mobirise ouvrira-t-il un modèle que j'ai acheté ou téléchargé ?
Non. Son éditeur n'a pas d'importateur pour du HTML extérieur et ne charge que des projets Mobirise, de sorte qu'un modèle de place de marché reste en dehors. Gardez l'apparence en le reconstruisant avec des blocs similaires, ou gardez le code en passant à Bootstrap Studio ou Pinegrow.
Combien de thèmes Mobirise sont gratuits ?
Un seul, le thème de base, fourni avec l'application de bureau gratuite et qui contient 200+ blocs. Tous les autres thèmes sont premium : KIT (149 $ par an), BASE et GROW débloquent toute la bibliothèque de 220+ thèmes et extensions, et aucun thème n'a de prix séparé.
Puis-je utiliser un modèle Bootstrap gratuit pour le site d'un client ?
Seulement si sa licence autorise l'usage commercial et pour des clients. Beaucoup de modèles gratuits l'autorisent ; certains exigent un lien de crédit visible, et certains interdisent la revente. Lisez la licence avant de commencer, pas après le lancement.
Où trouver des exemples de sites Bootstrap ?
La section Examples de la documentation de Bootstrap propose des mises en page de départ, comme un blog, une page de tarifs et un tableau de bord, dont vous pouvez lire et réutiliser le code. Les places de marché de modèles présentent des démos en ligne de sites complets. Avant d'en copier un, parcourez la liste de contrôle ci-dessus, en commençant par la licence.
Mobirise exige-t-il de connaître les classes Bootstrap ?
Non. Il fonctionne comme un créateur visuel de sites Bootstrap : vous modifiez les blocs sur la page et dans leurs panneaux de paramètres, et Mobirise ajoute lui-même les classes Bootstrap. Connaître Bootstrap devient utile quand vous ouvrez les fichiers exportés ou le Code Editor payant.
Où puis-je publier un site Mobirise ?
Où vous voulez. Même avec le plan gratuit, l'application de bureau publie de trois façons : un envoi FTP ou FTPES vers le serveur de votre choix, un déploiement sur GitHub Pages, ou une copie dans un dossier local, sans plafond sur le nombre de sites. L'hébergement propre à Mobirise couvre trois sites gratuits sur mobirisesite.com, et un domaine personnalisé y demande BASE ou GROW.
Puis-je travailler hors ligne sur des thèmes Bootstrap ?
Oui, dans l'application installée sous Windows, macOS ou Linux, tant que le thème est déjà sur votre ordinateur. Obtenir un nouveau thème exige une connexion, tout comme l'IA, la publication, la connexion au compte et l'achat d'un plan.
Créez votre première page dès aujourd'hui
Commencez avec l'IA dans le navigateur ou téléchargez l'application gratuite. Dans les deux cas, c'est le même Mobirise.