Bootstrap Studio

¿Qué es Bootstrap Studio?

Una potente aplicación de escritorio para crear sitios web responsivos utilizando el marco Bootstrap.

Bootstrap Studio es una potente aplicación de escritorio para crear sitios web de creación de prototipos. Viene con muchos componentes incorporados, que puede arrastrar y soltar para montar páginas web sensibles. La aplicación se basa en el marco Bootstrap, extremadamente popular, y exporta un HTML limpio y semántico.

La interfaz

Bootstrap Studio tiene una interfaz hermosa y poderosa, que se basa en la simplicidad de arrastrar y soltar. Esto lo convierte en la herramienta perfecta para crear prototipos y diseñar páginas web y aplicaciones.

Hermosas modelos

La aplicación viene con varias plantillas premium, totalmente receptivas, que puedes personalizar. Cada plantilla consta de varias páginas y widgets que puede elegir y combinar en el sitio web perfecto.

Hermosos componentes

Bootstrap Studio viene con un gran número de hermosos componentes para construir páginas receptivas. Incluye encabezados, pies de página, galerías, presentaciones de diapositivas e incluso elementos básicos como intervalos y divs. Vea algunos de ellos a continuación:

Arrastrar y soltar inteligente

Bootstrap Studio sabe qué componentes de Bootstrap se pueden anidar entre sí y proporciona sugerencias. Genera automáticamente un hermoso HTML para usted, que parece haber sido escrito a mano por un experto.

Biblioteca en línea

Si necesita un componente que no existe en la biblioteca, simplemente haga clic en la pestaña en línea en el panel de componentes. Allí encontrarás miles de componentes construidos y compartidos por la comunidad. También puede enviar el suyo propio.

Crea tus propios componentes

Puede extraer partes de los dibujos como componentes personalizados y tenerlas listas para colocarlas en cualquier dibujo que cree. También puede exportar estos componentes como archivos y compartirlos.

Componentes vinculados

Esta es una característica poderosa que le permite sincronizar componentes, por lo que cambiar uno cambia automáticamente el otro. Esto es especialmente útil para cosas como encabezados y pies de página que necesita actualizar en las páginas.

Visualización en tiempo real

Bootstrap Studio tiene una poderosa característica llamada Vista previa. Con él, puede abrir su diseño en múltiples navegadores y dispositivos, y cualquier cambio realizado en la aplicación se mostrará instantáneamente en todas partes.

Edición de código

Para algunas cosas, arrastrar y soltar no es suficiente. Es por eso que Bootstrap Studio le da control total sobre su etiquetado cuando lo necesita. Puede importar y editar CSS, SASS, JavaScript y HTML en el editor sublime text-like.

Editores avanzados de CSS y SASS

La interfaz avanzada de edición de CSS admite sugerencias automáticas y validación de reglas, y muestra reglas activas y heredadas en cualquier momento.

Edición de HTML

Con el potente componente Custom Code, puede escribir HTML directamente sin pasar por la interfaz de arrastrar y colocar. También puede convertir cualquier parte de la página a código personalizado cuando lo necesite.

Edición de JavaScript

Escribe en JavaScript en el editor sublime text-like. Todos los cambios se sincronizan con la vista previa, por lo que puede escribir código y probarlo sin tener que volver a cargar el explorador.

Importar sitios existentes

Si tiene un sitio web que desarrolló anteriormente, puede importarlo. Simplemente arrastre y suelte los archivos HTML, CSS, JS e imágenes en Bootstrap Studio y se agregarán a su proyecto.

Aún más características

Bootstrap Studio es un revolucionario creador de sitios web. Con las características de productividad y las herramientas especializadas de Bootstrap, puede crear de todo, desde un prototipo hasta un sitio web totalmente funcional.

Construido para Bootstrap 3 y 4

Bootstrap Studio sabe cómo construir una página de Bootstrap válida y escribe automáticamente el HTML correcto. Es compatible con Bootstrap 3 y Bootstrap 4 y puede convertir sus proyectos de uno a otro.

Publicación con un solo clic

Puede exportar su diseño como un sitio web estático o publicarlo con un solo clic en la siguiente plataforma de alojamiento. Ofrece HTTPS, dominios personalizados y claves de acceso.

Herramientas de cuadrícula

La aplicación cuenta con herramientas especializadas para trabajar con la cuadrícula Bootstrap. Cree, cambie de tamaño y de forma indigente fácilmente, y aplique clases de visibilidad con capacidad de respuesta.

Animaciones suaves

En esta aplicación, puede crear animaciones CSS suaves que se desencadenan en el desplazamiento o el foco del explorador. También tenemos un componente especial de paralaje para hermosos fondos de imagen.

Webfonts do Google

Bootstrap Studio está integrado con Google Webfonts y proporciona una manera fácil de importar y administrar sus fuentes. Los nombres de las familias de fuentes incluso se sugieren automáticamente en el editor css.

Características de productividad

Bootstrap Studio tiene un soporte completo para métodos abreviados de teclado que le permiten acelerar drásticamente su flujo de trabajo.

Temas e iconos

La aplicación tiene varios temas bootstrap incorporados, fuentes de iconos, plantillas y componentes, que se pueden combinar en diseños hermosos y únicos.

Requisitos del sistema

Windows 7 y versiones superiores

MacOS 10.9 y superior

Linux (incluyendo Ubuntu, Debian y Fedora)

Chrome OS no es compatible