Bootstrap – Introducción e índice de contenido

Hacía tiempo que quería escribir sobre Bootstrap para continuar ilustrándome y además seguir ayudando a la comunidad con tutoriales útiles que sacan de apuros. Hoy he podido sentarme un momento y ver qué podemos hacer al respecto.

Hay muchos programadores que recién inician su carrera y todavía no saben lo que es Bootstrap.

Bootstrap es un potente framework CSS que fue creado por Twitter para simplificar el proceso de maquetación Web Responsive. Sin tener grandes conocimientos de CSS, con esta herramienta es posible maquetar un sitio Web adaptado a todos los dispositivos.

Aunque conozco otras técnicas para conseguir el diseño Web Responsive, creo que hoy en día es importante considerar Bootstrap a la hora de maquetar una página Web.

Por qué usar Bootstrap?

Si eres programador y no tienes mucha idea de diseño, este framework te puede ayudar bastante a la hora de maquetar una página Web. Además trae un aspecto básico pero atractivo a la vez que además puede ser sobre escrito con el objetivo de personalizarlo.

Este framework cuenta con un mantenimiento y actualización realizado por Twitter. Desde que salió a la luz lleva un par de actualizaciones importantes, lo que implica que está en un estado avanzado.

Trabaja con las últimas tecnologías para crear páginas Web: HTML5, CSS3, jQuery entre otros.

Utiliza un diseño Web Responsivo adaptado a todos los dispositivos.

Puede emplear Less (lenguaje de hojas de estilos dinámico).

Facilita enormemente el diseño de interfaces. Como decíamos antes con un aspecto básico pero atractivo a la vez.

Existe una documentación muy extensa sobre el funcionamiento y posibilidades de este framework: http://getbootstrap.com/getting-started/

Su posible modularidad hace que cada vez crezca más ofreciendo más posibilidades.

Por todos estos motivos creo que es interesante dedicar un apartado en este blog para hablar sobre Bootstrap. De hecho vamos a preparar un tutorial bastante gordo que iremos publicando semana a semana.

Tabla de contenido

  1. Introducción e índice de contenido
  2. Como instalar y usar Bootstrap
  3. La rejilla
  4. Las tablas
  5. Las listas
  6. Los paneles
  7. Las pestañas
  8. Los menús
  9. Los botones
  10. Formularios
  11. Imágenes
  12. Iconos
  13. Etiquetas
  14. Badges
  15. Migas de pan
  16. Paginación
  17. Mensajes de alerta
  18. Barras de progreso
  19. Las ventanas modales
  20. Carousel
  21. Tooltips
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

One comment on “Bootstrap – Introducción e índice de contenido

1 Pings/Trackbacks for "Bootstrap – Introducción e índice de contenido"

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*