[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # LayoutIt, herramienta online para maquetar con Bootstrap [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 19 Diciembre 2014 [Recomendaciones](https://sergioiglesias.net/blog/recomendaciones) 1 - 1 minutos Visitas: 22046 - - [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla) - [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla) ![](https://sergioiglesias.net/images/blog/recomendaciones/layoutit-banner.jpg) Cada vez hay más **desarrolladores Front-End** que utilizan el **framework Bootstrap** para la realización de sus templates o plantillas. A mi, personalmente, es el framework que más me gusta. La herramienta que os recomiendo hoy facilita la tarea de maquetación. Vamos a ver qué es LayouIt ### LayouIt Esta herramienta Online facilita la tarea de maquetación de una plantilla, bien sea para Joomla o para cualquier otro CMS. Entre sus características destacan: - Interfaz intuitiva, clara y sencilla basada en Drag&mp;Drop - Dispone de todos los elementos de Bootstrap - Grid o grilla - CSS Base: párrafos, títulos, listas... - Componentes: botones, paneles, thumbnails... - Javascripts: modales, carruseles... - Tiene previsualizador para ir viendo como va quedando la plantilla. - Fácil de descargar en formato ZIP. Una imagen vale más que mil palabras: ![LayoutIt](https://sergioiglesias.net/media/cached-resp-images//images/blog/recomendaciones/layoutit_1230.png?version=9663281fdd16b1fc507693844ed88f39) Y un vídeo (que he encontrado en YouTube)... vale mucho más: Espero que esta herramienta os resulte útil para vuestro trabajo. Si queréis comentar sobre ella, vuestros comentarios serán bien recibidos. Tenéis más información en: [www.layoutit.com](http://www.layoutit.com/es/) [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### Un comentario - [ ![](https://www.gravatar.com/avatar/8feca1efa35bad2f0f7b7569fd576810eafd86cdf0de8c796f177dc0b98ef287?s=48&r=G&d=mp) ](https://www.gravatar.com/8feca1efa35bad2f0f7b7569fd576810eafd86cdf0de8c796f177dc0b98ef287) Angel [ Jueves, 26 Febrero 2015 08:37 ](https://sergioiglesias.net/blog/recomendaciones/layoutit-herramienta-online-para-maquetar-con-bootstrap?akengage_cid=23#akengage-comment-23) Hola Sergio, gracias por tu articulo sobre layouit. Quisiera consultarte algo, llevo bastante tiempo utilizando joomla para mis sitios y he tenido clientes para hacerles su sitio web. Ellos desean disenos muy especificos y el buscar plantillas y descargarlas ya no es opcion, toca hacerlas. He encontrado herramientas pero para joomla solo artisteer (imposible de testear en version de evaluacion sin poder exportar a joomla), templatetoaster (los resultados en joomla poco se parecen a lo que maquetee), el T3 framework requiere saber de programacion y el botton de la pagina con el T3 no me convence. He visto Layoutit y parece interesante pero la pregunta es como convertir los archivos descargados en una plantilla para joomla 3x??? he buscado esa respuesta y no la consigo. Puedes darme luces al respecto?? alternativas??? Mi nivel HTML medio, PHP basico, css casi ninguno... dispuesto a aprender pero requiero soluciones rapidas por ahora. <br /><br />Muchas gracias ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*