Botón de descarga de Bootstrap 5
Ofrecemos CSS y JS compilados (bootstrap.*), así como CSS y JS compilados y minificados (bootstrap.min.*). Los mapas fuente (bootstrap.*.map) están disponibles para su uso con las herramientas de desarrollo de ciertos navegadores. Los archivos JS agrupados (bootstrap.bundle.js y bootstrap.bundle.min.js minificado) incluyen Popper.
Por transparencia en nuestro ciclo de lanzamiento y en el esfuerzo por mantener la compatibilidad con versiones anteriores, Bootstrap se mantiene bajo las directrices del Versionado Semántico. A veces metemos la pata, pero nos adherimos a esas reglas siempre que es posible.
Consulte la sección de versiones de nuestro proyecto GitHub para ver los registros de cambios de cada versión de Bootstrap. Las publicaciones de los anuncios de las versiones en el blog oficial de Bootstrap contienen resúmenes de los cambios más notables realizados en cada versión.
Bootstrap 5
Incorpora los archivos fuente de Bootstrap a casi cualquier proyecto con algunos de los gestores de paquetes más populares. No importa el gestor de paquetes, Bootstrap requerirá un compilador Sass y Autoprefixer para una configuración que coincida con nuestras versiones oficiales compiladas.
require(‘bootstrap’) cargará todos los plugins jQuery de Bootstrap en el objeto jQuery. El módulo Bootstrap en sí mismo no exporta nada. Puedes cargar manualmente los plugins jQuery de Bootstrap individualmente cargando los archivos /js/*.js bajo el directorio de nivel superior del paquete.
Npm install bootstrap
Ahora vamos a crear una plantilla básica de Bootstrap incluyendo los archivos CSS y JS de Bootstrap vía CDN. Bootstrap requiere una biblioteca de terceros Popper.js para algunos de sus componentes como los popovers y los tooltips. Puedes incluirla por separado o simplemente incluir Bootstrap JS junto con Popper.
Recomendamos añadir Bootstrap en tu proyecto a través de una CDN (Content Delivery Network) porque la CDN ofrece un beneficio de rendimiento al reducir el tiempo de carga, ya que alojan los archivos en múltiples servidores repartidos por todo el mundo, de manera que cuando un usuario solicite el archivo se le servirá desde el servidor más cercano a él. También estamos utilizando los enlaces de la CDN en nuestros ejemplos:
Los atributos integridad y crossorigin han sido añadidos a los enlaces CDN para implementar la Integridad de Subrecursos (SRI). Se trata de una función de seguridad que le permite mitigar el riesgo de ataques procedentes de CDN comprometidas, garantizando que los archivos que su sitio web obtiene (de una CDN o de cualquier otro lugar) se han entregado sin modificaciones inesperadas o maliciosas. Funciona permitiéndole proporcionar un hash criptográfico con el que debe coincidir un archivo obtenido.
Bootstrap cdn
Quiere que el diseño refleje el aspecto de su marca. Quiere tener la funcionalidad necesaria para satisfacer las necesidades de sus visitantes sin salirse del presupuesto. Y quieres crear diseños responsivos que muestren elementos como botones y formularios de forma consistente, sin importar el dispositivo o el navegador que esté usando el visitante.
Si construyes con Bootstrap, puedes tachar este último punto de tu lista. Bootstrap es un marco de trabajo de código abierto que permite crear rápidamente sitios web con capacidad de respuesta y proyectos web para dispositivos móviles. Como ofrece una colección de código reutilizable, no tendrás que construir un sitio desde cero.
Dado que Bootstrap facilita y agiliza la creación de sitios web responsivos, atrae a muchos desarrolladores frontales y a los principiantes en particular. Sin embargo, no todos lo recomiendan. A continuación veremos por qué Bootstrap es tan popular y cuándo es ideal utilizarlo, y cuándo no.
Hay algunos factores que impulsan la popularidad de Bootstrap. El primero y más importante es que es de código abierto y, por lo tanto, su descarga y uso son gratuitos. También es totalmente personalizable y compatible con todos los navegadores modernos. Sin embargo, esto es cierto para muchos frameworks CSS.