Bootstrap es un framework de CSS y HTML para desarrollar sitios web responsivos y móviles.
Bootstrap se creó en 2011 por Mark Otto (@mdo) y Jacob Thornton (@fat), dos ingenieros de Twitter.
En ese momento, Twitter estaba creciendo rápidamente y necesitaba una forma de unificar el diseño de sus herramientas internas y sitios web.
Otto y Thornton desarrollaron Bootstrap como un proyecto interno para resolver este problema.
- Open source: Bootstrap es de código abierto, lo que significa que cualquier persona puede utilizarlo, modificarlo y distribuirlo libremente. (Repositorio de Bootstrap)
- Comunidad activa: Bootstrap tiene una gran comunidad de desarrolladores que contribuyen con mejoras, plugins y temas.
- Compatibilidad: Es compatible con la mayoría de los navegadores modernos, incluyendo Chrome, Firefox, Safari, Edge y más.
https://www.youtube.com/watch?v=XXllX0A_9KQ
Añadir el siguiente código dentro de la etiqueta <head></head> en HTML
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
https://getbootstrap.com/docs/5.3/utilities/background/#background-color
https://getbootstrap.com/docs/5.3/utilities/sizing/
https://getbootstrap.com/docs/5.3/utilities/colors/#colors
https://getbootstrap.com/docs/5.3/utilities/spacing/#margin-and-padding
- Crear un nuevo archivo
index.html - Instalar Bootstrap en el proyecto
- Modificar el color del
<body>a negro
- Crear una etiqueta
<h1> - Modificar el color de su texto a rojo
- Crear una etiqueta de tipo boton
- Modificar su color de fondo a verde
- Agregar un margin y padding a cada elemento creado anteriormente
https://getbootstrap.com/docs/5.3/components/buttons/#base-class
Primary