¿Que es Bootstrap?

curso optimizar wordpress

Últimamente muchos sitios web están basando su diseño en Bootstrap, ¿Qué es Bootstrap? Pues en pocas palabras es el framework de Twitter que permite crear interfaces web con CSS y Javascript que adaptan la interfaz dependiendo del tamaño del dispositivo en el que se visualice de forma nativa, es decir, automáticamente se adapta al tamaño de un ordenador o de una Tablet sin que el usuario tenga que hacer nada, esto se denomina diseño adaptativo o Responsive Design y…está de moda.

Bootstrap 1

Aun ofreciendo todas las posibilidades que ofrece Bootstrap a la hora de crear interfaces web, los diseños creados con Bootstrap son simples, limpios e intuitivos, esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.

El Framework trae varios elementos con estilos predefinidos fáciles de configurar: Botones, Menus desplegables, Formularios incluyendo todos sus elementos e integración jQuery para ofrecer ventanas y tooltips dinámicos.

Bootstrap 2

En su GitHub oficial puedes encontrar páginas con toda la información necesaria para utilizar Bootstrap en tus propios proyectos web, además también puedes encontrar ejemplos de utilización de este Framework..

Claramente el mejor ejemplo de utilización de Bootstrap es Twitter, pero existen otros sitios que implementan diseños responsive basados en este Framework como por ejemplo estos:

Existen muchos más sitios creados con Bootstrap, quizás donde más se les nota además de en el diseño responsive es en los botones.

Bootstrap 3

Este es un ejemplo de las opciones que tiene Bootstrap, en este caso integrado en una plantilla para WordPress, ya que existen themes que implementan Bootstrap para los diferentes Gestores de Contenido del mercado: http://strappress.com/demo/shortcodes/

Sinceramente me encanta Bootstrap, y posiblemente este blog en unos meses cambie la plantilla a una desarrollada con este Framework para adaptar el diseño a las tecnologías actuales basadas en HTML5 y CSS3.

Si quieres más información acerca de Bootstrap puedes acceder a su GitHub: http://getbootstrap.com/2.3.2/

  • Pau Klein

    ¿Qué tema nos recomiendas para worpress? ¿o que web que tenga algunos adaptados?

  • http://openwebcms.es/ Alvaro Fontela Sanchez

    Hola Pau, si lo que buscas es un theme gratuito basado en Bootstrap he publicado algunos en este articulo: http://openwebcms.es/2013/themes-bootstrap-para-wordpress-gratuitos/

    Si lo que buscas es otro tipo de theme, depende de la temática, si me especificas mas tal vez pueda ayudarte.

    Un saludo y gracias por leerme. Espero serte de ayuda.

  • Pau Klein

    Hola Alvaro, el artículo muy bueno, ya lo tengo archivado en delicious.

    Pero no me importa que el theme sea de pago. Es para mi blog de viajes http://www.pasaporteblog.com/ que he mantenido entre segunda y cuarta posición en blog de viajes durante más de 6 años, pero el tema está ya madurito…

    Lo que busco en el tema es que sea estable, optimizado para el SEO, responsive y mantener la estética de blog. Es un blog personal y quiero mantenerlo así, no se trata de convertirlo en un portal u otra cosa.

    ¿Alguna sugerencia? De nuevo gracias por tu ayuda y sugerencias.

  • http://openwebcms.es/ Alvaro Fontela Sanchez

    La elección de themes es bastante personal, a mi elegir el theme para este blog me costo bastante. Ademas esta el tema del CTR de la publicidad y demas.

    Lo que te recomendaria es que fuera responsive para que puedas verlo bien desde todos los dispositivos. Tambien te diria que no fuera un theme gratuito: soporte nulo y muy vistos, no suele haber gran calidad ni tampoco demasiado catalogo.

    Yo escogería uno con forma de blog/magazine de ThemeForest: http://themeforest.net/category/wordpress/blog-magazine

    Los themes de studiopress con el framework Genesis tambien estan pegando muy fuerte ahora mismo, puedes encontrar algunos aqui: http://my.studiopress.com/themes/

    Puedes encontrar themes de muy buena calidad en estas webs, asegúrate de que lo tienes visualizado en tu mente antes de comprarlo y también personalizalo antes de instalarlo en tu blog.

    Gracias por leerme, un saludo y cualquier duda, ¡¡¡pregunta sin miedo!!!

  • LF5S

    Hola amigos, soy novato en esto de Bootstrap, y me intereza mucho la página Breezi: http://breezi.com/, esos botones así editables para el usuario final también los puedo hacer con Bootstrap? Gracias por la pronta respuesta!

  • http://openwebcms.es/ Alvaro Fontela Sanchez

    Desgraciadamente no puedo darte una respuesta ya que no conozco bien el funcionamiento de Breezi.

    Un saludo.