Constructor de sitios web con Bootstrap
Un constructor de sitios web con Bootstrap te permite montar un sitio responsive a partir de temas ya hechos, sin escribir tú las clases del framework. Lo comparamos con programar a mano y con las plantillas, analizamos siete herramientas y mostramos dónde encaja Mobirise, cuyos sitios funcionan con Bootstrap 5.
Gratis para sitios personales y comerciales.
temas y extensiones premium en KIT
El plan gratuito incluye un tema básico con más de 200 bloques. KIT, 149 USD al año, desbloquea el resto, y todos los temas escriben código de Bootstrap 5.
Seis datos antes de elegir un constructor de sitios web con Bootstrap
Datos de Bootstrap comprobados el 14 de octubre de 2026 por el equipo que desarrolla Mobirise.
Un constructor de sitios web con Bootstrap es un editor visual cuyas páginas están escritas con el framework CSS Bootstrap. En pantalla funciona como otros constructores de sitios web gratuitos de arrastrar y soltar: eliges y organizas secciones, la herramienta escribe la cuadrícula, los componentes y las clases, y cualquiera que conozca Bootstrap puede abrir y leer el resultado.
Con cualquier tema que elijas, las páginas que escribe Mobirise son archivos estáticos basados en Bootstrap 5: HTML, CSS y JavaScript.
Bloques en el único tema básico del plan gratuito. Se permite el uso comercial; los sitios gratuitos publicados llevan la marca de Mobirise.
Temas y extensiones premium que KIT desbloquea en un solo paquete por 149 USD al año; ningún tema tiene precio propio.
Con plan gratuito o de pago, la aplicación de escritorio guarda el sitio completo como archivos. Los sitios creados en el navegador se pueden exportar con BASE o GROW.
No se puede cargar una plantilla de Bootstrap comprada o descargada en otro sitio; el editor solo acepta proyectos de Mobirise.
La aplicación para Windows, macOS y Linux edita y muestra la vista previa sin conexión. La IA, la publicación y la descarga de temas nuevos necesitan conexión.
Qué herramienta de Bootstrap elegir
Parte de lo que tienes: nada todavía, una plantilla, tu propio código o solo una paleta de colores. Cada ficha indica cuándo esa herramienta es la mejor opción, y el inconveniente.
Mobirise
Bloques que editas en la propia página, una aplicación que también funciona sin conexión y exportación de código en todos los planes. El inconveniente: no abre plantillas externas, y editar código dentro de la aplicación es de pago.
Bootstrap Studio
Una aplicación de escritorio sin conexión con editor de código integrado, Bootstrap 3 a 5 e importación de HTML. No tiene versión gratuita: 29 USD en un pago único, o 59 USD por Lifetime.
Pinegrow
Abre tu HTML y CSS y muestra una vista en vivo de la página junto a su código fuente. Pensado para quienes leen código; 99 USD al año tras una prueba gratuita.
Shuffle
Un constructor de páginas con Bootstrap en el navegador, con más de 3800 componentes; descargas el resultado y lo terminas en tu IDE. Solo la demo es gratuita; Developer empieza en 24 USD al mes.
bootstrap.build
Un creador de temas de Bootstrap 5 gratuito: ajustas variables de Sass, ves cómo se actualiza la vista previa y descargas el tema para el código que escribas. No genera páginas.
8B AI
Un prompt da un sitio completo que puedes ver sin pagar; publicarlo y obtener el HTML completo cuesta 9 USD al mes en Pro, con facturación anual. No es Bootstrap; solo en el navegador.
Webflow
Defines los estilos de escritorio y luego los modificas para tabletas y teléfonos. No se basa en Bootstrap; los sitios viven en el hosting de Webflow, y descargar el código exige un plan de workspace de pago.
Una plantilla de administración de Bootstrap
Los paneles con tablas, gráficos e inicios de sesión son trabajo de código, y una plantilla de administración ya hecha ahorra más tiempo ahí que cualquier constructor de sitios web, incluido el nuestro.
Aviso de sesgo: somos el equipo de Mobirise, así que lee su ficha con más desconfianza. Las otras siete se basan en lo que cada fabricante publica sobre su herramienta, y varias señalan cosas que esa herramienta hace mejor que la nuestra.
Herramientas de Bootstrap comparadas por temas y plantillas
Filas elegidas para un proyecto que parte de temas: dónde empiezas, qué es gratis, cuánto cuesta y si se abre una plantilla externa. Confirma los precios con cada proveedor antes de pagar.
| Característica | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Punto de partida | Un tema de bloques ya hechos, o 4 diseños de IA a partir de un prompt | Su biblioteca de plantillas, o componentes arrastrados a la página | Bibliotecas de interfaz y plantillas de Bootstrap 5; un agente de IA puede preparar borradores de páginas | Un prompt; ninguna plantilla | Tus propios archivos, plantillas iniciales o la biblioteca gratuita Pinekit | Las variables predeterminadas de Bootstrap; sin páginas | Más de 7000 plantillas, gratuitas y de pago |
| Versión de Bootstrap | 5 | 3, 4 y 5 | Solo Bootstrap 5, aunque el editor también cubre Material UI, Bulma y Tailwind | No es Bootstrap | Bootstrap 3, 4 o 5; también proyectos con Tailwind CSS y HTML sin más | 5 | No es Bootstrap |
| Uso gratuito | Sí: 1 tema, más de 200 bloques, exportación desde la aplicación; marca en los sitios publicados | Sin versión gratuita | Solo demo | Diseños gratis de crear y ver; sin publicación | Prueba gratuita | Sí, sin registrarte | Plan gratuito; el sitio queda en un subdominio webflow.io y muestra la insignia de Webflow |
| Precio de pago | 149 USD al año (KIT), 199 USD (BASE) o 249 USD (GROW), todos con facturación anual | Pago único: 59 USD por Lifetime, o 29 USD por Standard con 12 meses de actualizaciones | Plan Developer: 249 USD en un pago único (349 USD a partir del 16 de octubre de 2026), 99 USD al año o 24 USD al mes | 9 USD al mes en Pro, con facturación anual | 99 USD al año; también por suscripción mensual o con licencia de pago único | Nada que comprar | Plan básico de sitio: 15 USD al mes, con facturación anual |
| Abre una plantilla externa | No; solo abre proyectos de Mobirise | Sí, arrastras los archivos | No se indica | No se indica | Sí, edita los archivos directamente | No, rediseña Bootstrap, no páginas | No se indica |
| Edición de código | Code Editor en los planes de pago; en el plan gratuito, edita los archivos exportados con otra herramienta | Editor integrado para HTML, CSS, Sass y JavaScript | Más de 500 variables de Bootstrap; el código se termina en tu IDE | El HTML y CSS reales, incluso gratis; Pro añade ediciones por chat | Vista de código completa junto a la visual | Solo variables del tema | Inserciones de código personalizado en los planes de pago |
| Funciona en | Aplicación para Windows, Mac y Linux que funciona sin conexión, o navegador | Aplicación de escritorio, totalmente sin conexión: Windows 10 o posterior, macOS, Linux | Navegador | Navegador | Instalación de escritorio: Mac, Windows, Linux | Navegador | Navegador |
Tres formas de conseguir un sitio con Bootstrap
Las tres terminan en HTML y CSS de Bootstrap. Se diferencian en la habilidad que piden, el tiempo que llevan y cuánto control te dan.
Escribirlo desde cero
Habilidad: HTML, CSS, las clases de Bootstrap y algo de JavaScript. Tiempo: la ruta más lenta, porque cada sección se escribe y se prueba a mano. Control: total; el código no contiene nada que no hayas puesto tú. Va bien para desarrolladores y para sitios que forman parte de un proyecto mayor.
Editar una plantilla de Bootstrap
Habilidad: el HTML suficiente para orientarte en archivos ajenos. Tiempo: un diseño web con Bootstrap pulido desde el primer momento, y luego más lento, porque cada cambio de texto o de foto es una edición de código. Control: alto, dentro de la estructura y la licencia de la plantilla. Va bien para quien se siente cómodo en un editor de código.
Montarlo con temas en un constructor
Habilidad: ninguna para lo básico; eliges bloques y escribes, como en la mayoría de los constructores de páginas web fáciles. Tiempo: normalmente la ruta más rápida para un sitio de empresa estándar. Control: lo que permitan los bloques, sus ajustes y el acceso al código, más los límites del propio constructor, como los archivos que puede abrir.
Mucha gente combina las rutas y usa un constructor como creador de plantillas de Bootstrap: diseña el sitio en la herramienta, lo exporta y pule los detalles en el código. Considera esa exportación un paso sin vuelta atrás. Mobirise no puede volver a abrir archivos editados a mano, así que haz los cambios de diseño en el proyecto y vuelve a exportar.
Qué es un framework para crear sitios web
Algunos constructores escriben las páginas en un framework CSS público; otros, en código propio. La diferencia se nota el día que abres los archivos.
La mayoría de quienes buscan esta expresión se refieren a un constructor que se apoya en un framework CSS como Bootstrap. El framework aporta la cuadrícula, los componentes y los nombres de clase; el constructor te da una forma visual de organizarlos. Mobirise, Bootstrap Studio, Shuffle y Pinegrow funcionan así, mientras que Webflow y 8B AI generan sus propios estilos en lugar de Bootstrap.
Los desarrolladores también usan estas palabras para kits de código abierto que incorporan un editor de páginas en su propio software. Es otro trabajo distinto, y esta página no lo cubre.
Código que otros pueden leer
Las clases de Bootstrap están documentadas públicamente, así que un desarrollador que conozca el framework puede trabajar con tus páginas exportadas sin aprender el constructor.
Una salida
Si dejas el constructor, los archivos basados en un framework se siguen abriendo en cualquier editor de código y funcionan en cualquier hosting. Un resultado atado al sistema propio de una herramienta es más difícil de mover.
La versión importa mucho
Bootstrap 3, 4 y 5 difieren en nombres de clase y scripts. Comprueba cuál escribe un constructor antes de crear muchos sitios con él.
Si te importa más el HTML limpio que el framework que hay debajo, consulta nuestra comparativa de editores HTML WYSIWYG.
Cómo se relacionan los temas de Mobirise con Bootstrap 5
“Tema” significa aquí algo distinto que en un marketplace de Bootstrap.
En el mundo de Bootstrap, un tema suele ser o bien un rediseño del framework, con colores, tipografías y espaciados nuevos definidos en variables de Sass, o bien una plantilla completa que compras y editas como código. Un tema de Mobirise es una familia de bloques ya hechos con un diseño común. En lugar de editar archivos, añades sus bloques a las páginas y los cambias en el editor, mientras Mobirise escribe el marcado de Bootstrap 5.
Bootstrap 5 por debajo
Elijas el tema que elijas, el resultado son páginas estáticas de Bootstrap 5 con sus hojas de estilo y scripts. Todos sus bloques son responsive: cambia la vista previa del editor a tamaño de teléfono, luego a tableta y luego a escritorio, y observa cómo se reorganiza el tema.
Estilo sin Sass
El Style Editor guarda las tipografías y los colores de todo el proyecto. Cada bloque tiene un panel de parámetros para el espaciado, el fondo, qué partes se muestran y cuántas columnas, y cada título admite la etiqueta H que elijas.
Un diseño para todas las pantallas
Los bloques se adaptan solos a cada pantalla. No hay una versión aparte para teléfono que mantener, ni un interruptor que oculte un elemento en un solo dispositivo.
¿Ya tienes una plantilla de Bootstrap? Mobirise no puede abrirla. Reconstruye sus secciones con bloques parecidos, o sigue editando el original en Bootstrap Studio, que la importa, o en Pinegrow, que trabaja directamente con los archivos.
Qué revisar en las plantillas gratuitas de Bootstrap
Sirve con cualquier herramienta que elijas. Una plantilla gratuita ahorra tiempo solo si nada de esto te sorprende más adelante.
Licencia
Comprueba que se permiten el trabajo comercial y para clientes, y si el crédito del pie de página debe quedarse. Algunas plantillas gratuitas piden un enlace de vuelta a menos que pagues.
Última actualización
Mira la fecha de la última versión o del último commit. Una plantilla sin tocar durante años suele arrastrar plugins viejos y errores sin corregir.
Versión de Bootstrap
Búscala en el nombre del archivo CSS o en el archivo del paquete. Pasar de la 3 o la 4 a la 5 implica renombrar clases y reescribir scripts.
Scripts adicionales
Bootstrap 5 ya no necesita jQuery. Una plantilla que todavía lo carga, además de plugins de sliders y animaciones, te deja más cosas que mantener actualizadas.
Imágenes
Las fotos de la demo suelen tener su propia licencia o se sustituyen por marcadores de posición en la descarga. Cuenta con usar tus propias imágenes.
Fuentes de Sass
Con los archivos de Sass cambias colores y tipografías en un solo lugar. Un único archivo CSS compilado obliga a escribir las sobrescrituras a mano.
Teléfonos y teclados
Abre la demo en un teléfono y luego recórrela con la tecla Tab. Un menú que falla en cualquiera de las dos pruebas falla a tus visitantes.
Documentación
Busca notas de instalación, un registro de cambios y un lugar donde informar de errores. Con la mayoría de las plantillas gratuitas, nadie más va a corregirte los problemas.
¿Es Mobirise el constructor de sitios web con Bootstrap adecuado para ti?
Encaja con una forma de trabajar que parte de los temas. Las dos listas muestran ambas caras, y cada caso en contra nombra una alternativa.
Es una buena opción
- Te conviene empezar desde un tema y prefieres no escribir a mano las clases de Bootstrap 5
- Quieres conservar los archivos de Bootstrap: incluso con el plan gratuito obtienes el sitio exportado desde la aplicación de escritorio
- A menudo trabajas sin una conexión estable; consulta qué sigue funcionando en un software para crear sitios web sin conexión
- Haces sitios para pequeñas empresas y quieres más de 220 temas premium por un precio anual
- Te gusta empezar con un prompt y afinar a mano; el mismo editor acepta un primer borrador de un creador de sitios web con IA
Elige otra herramienta si
- Tienes una plantilla o un sitio de Bootstrap que editar visualmente: Bootstrap Studio la importa y Pinegrow edita sus archivos
- Los sitios antiguos de Bootstrap 3 y 4 necesitan mantenimiento: los temas de Mobirise son solo de la versión 5, mientras que Pinegrow y Bootstrap Studio admiten las versiones anteriores
- Solo quieres cambiar los colores de Bootstrap para el código que escribes tú: bootstrap.build es gratuito y está hecho para eso
- Necesitas otro diseño en el teléfono, o ocultar elementos por dispositivo sin código: Webflow aplica estilos a cada punto de ruptura
- Quieres cambiar código dentro de la aplicación con el plan gratuito: el Code Editor es de pago
- Necesitas una aplicación para iPhone o iPad: no existe, así que quienes usan iOS trabajan en el navegador
Preguntas sobre los temas y los constructores de Bootstrap
¿Es mejor un constructor de sitios web con Bootstrap gratuito que una plantilla de Bootstrap?
Ambos pueden costar cero, así que depende de quién edite el sitio. Una plantilla te entrega un diseño terminado en forma de código, lo que va bien a quien domina el HTML. Un constructor te da edición visual y bloques que puedes reorganizar, pero puede rechazar archivos externos: Mobirise no puede importar una plantilla.
¿Es Mobirise un constructor de páginas web con Bootstrap 5?
Sí. Cada tema produce páginas estáticas con Bootstrap 5, con su CSS y JavaScript. No escribe código de Bootstrap 3 ni 4; para proyectos antiguos, encajan mejor Bootstrap Studio o Pinegrow.
¿Es Mobirise un creador de sitios web con Bootstrap de código abierto?
No. Mobirise es gratis para empezar, pero su propio código no es de código abierto. Los sitios que crea funcionan con Bootstrap, que sí lo es, y la aplicación de escritorio los exporta con cualquier plan como HTML, CSS y JavaScript sin más, que puedes editar en cualquier editor de código. Si quieres un editor de páginas cuyo código fuente puedas modificar, mira los kits de código abierto que los desarrolladores integran en su propio software.
¿Mobirise abre una plantilla que compré o descargué?
No. Su editor no tiene importador de HTML externo y solo carga proyectos de Mobirise, así que una plantilla de marketplace queda fuera. Para conservar el aspecto, reconstrúyela con bloques parecidos; para conservar el código, pásate a Bootstrap Studio o Pinegrow.
¿Cuántos temas de Mobirise son gratuitos?
Solo uno, el tema básico, que viene con la aplicación de escritorio gratuita y contiene más de 200 bloques. Todos los demás son premium: KIT (149 USD al año), BASE y GROW desbloquean toda la biblioteca de más de 220 temas y extensiones, y ningún tema tiene un precio aparte.
¿Puedo usar una plantilla gratuita de Bootstrap para el sitio de un cliente?
Solo si su licencia permite el uso comercial y para clientes. Muchas plantillas gratuitas lo permiten; algunas exigen un enlace de crédito visible y otras prohíben la reventa. Lee la licencia antes de empezar, no después del lanzamiento.
¿Dónde puedo ver ejemplos de sitios con Bootstrap?
La sección Examples de la documentación de Bootstrap tiene diseños iniciales, como un blog, una página de precios y un panel, cuyo código puedes leer y reutilizar. Los marketplaces de plantillas muestran demos en vivo de sitios completos. Antes de copiar cualquiera de ellos, repasa la lista de comprobación anterior, empezando por la licencia.
¿Mobirise exige saber las clases de Bootstrap?
No. Funciona como un creador visual de sitios con Bootstrap: editas bloques en la página y con sus paneles de ajustes, y Mobirise añade las clases de Bootstrap por sí mismo. Conocer Bootstrap compensa cuando abres los archivos exportados o el Code Editor de pago.
¿Dónde puedo publicar un sitio de Mobirise?
Donde quieras. Incluso con el plan gratuito, la aplicación de escritorio publica de tres maneras: una subida por FTP o FTPES a un servidor que elijas, un despliegue en GitHub Pages o una copia en una carpeta local, sin límite en el número de sitios. El hosting propio de Mobirise cubre tres sitios gratuitos de mobirisesite.com, y un dominio propio ahí requiere BASE o GROW.
¿Puedo trabajar con temas de Bootstrap sin conexión?
Sí, en la aplicación instalada en Windows, macOS o Linux, siempre que el tema ya esté en tu equipo. Obtener un tema nuevo necesita conexión, igual que la IA, la publicación, iniciar sesión y comprar un plan.
Crea tu primera página hoy
Empieza con IA en el navegador o descarga la aplicación gratuita. En ambos casos es el mismo Mobirise.