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.

En este mega tutorial hablaremos en detalle sobre Bootstrap 4.

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 aplicar un diseño a un sitio Web adaptado a todos los dispositivos rápida y fácilmente.

Herramienta ideal para desarrolladores que no tiene mucha imaginación para el diseño o que no quieren perder mucho el tiempo en eso. Bootstrap trae un aspecto bastante agradable, minimalista y que puede adaptarse a cualquier proyecto.

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 diseña runa página Web debido a su simplicidad.

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. El aspecto es 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. Muy importante hoy en día.

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 que puedes ver ampliadamente en la página oficial -> 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. Imágenes
5. Tablas
6. Figuras
7. Grupos de listas
8. Alertas
9. Badges
10. Breadcrumb
11. Botones
12. Grupo de botones
13. Tarjetas
14. Carousel
15. Collapse
16. Dropdown
17. Formularios
18. Jumbotron
19. Grupos de listas
20. Media Object
21. Modal
22. Navs
23. Navsbar
24. Paginación
25. Popovers
26. Barras de progreso
27. Scrollspy
28. Spinners
29. Toasts
30. Tooltips
31. Utilidades