Bootstrap

¿Qué es Bootstrap?

Bootstrap es un marco front-end gratuito para un desarrollo web más rápido y fácil

Bootstrap incluye plantillas de diseño basadas en HTML y CSS para tipografía, formularios, botones, tablas, navegación, modales, carruseles de imágenes y muchos otros, así como complementos de JavaScript opcionales.

Bootstrap también le brinda la capacidad de crear fácilmente diseños receptivos

¿Qué es el diseño web receptivo?

El diseño web receptivo se trata de crear sitios web que se ajustan automáticamente para verse bien en todos los dispositivos, desde teléfonos pequeños hasta computadoras de escritorio grandes.

Bootstrap 3 contra Bootstrap 4

Bootstrap 4 es la versión más nueva de Bootstrap; con nuevos componentes, hoja de estilo más rápida y más capacidad de respuesta.

Bootstrap 4 admite las últimas versiones estables de todos los principales navegadores y plataformas. Sin embargo, Internet Explorer 9 y versiones anteriores no son compatibles.

Si necesita soporte para IE8-9, use Bootstrap 3. Es la versión más estable de Bootstrap, y aún es compatible con el equipo para correcciones de errores críticos y cambios de documentación. Sin embargo, no se agregarán nuevas funciones.

Compatibilidad con iconos descartados : Bootstrap 4 no admite glifos BS3. Utilice Font-Awesome u otras bibliotecas de iconos en su lugar .

¿Ventajas de Bootstrap?

  • Fácil de usar: cualquier persona con conocimientos básicos de HTML y CSS puede comenzar a usar Bootstrap
  • Funciones receptivas : el CSS receptivo de Bootstrap se ajusta a teléfonos, tabletas y computadoras de escritorio
  • Enfoque móvil primero: en Bootstrap, los estilos móvil primero son parte del marco central
  • Compatibilidad del navegador: Bootstrap 4 es compatible con todos los navegadores modernos (Chrome, Firefox, Internet Explorer 10+, Edge, Safari y Opera)

¿Dónde conseguir Bootstrap 4?

Hay dos formas de comenzar a usar Bootstrap 4 en su propio sitio web.

Usted puede:

Incluir Bootstrap 4 de un CDN
Descarga Bootstrap 4 desde getbootstrap.com
Bootstrap 4 CDN
Si no desea descargar y alojar Bootstrap 4 usted mismo, puede incluirlo desde un CDN (Content Delivery Network).

MaxCDN proporciona soporte CDN para CSS y JavaScript de Bootstrap. También debe incluir jQuery:

MaxCDN:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="/https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="/https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="/https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="/https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
Una ventaja de usar Bootstrap 4 CDN:
Muchos usuarios ya han descargado Bootstrap 4 de MaxCDN cuando visitan otro sitio. Como resultado, se cargará desde la memoria caché cuando visiten su sitio, lo que lleva a un tiempo de carga más rápido. Además, la mayoría de las CDN se asegurarán de que una vez que un usuario le solicite un archivo, será servido desde el servidor más cercano a ellos, lo que también aumenta el tiempo de carga.

jQuery y Popper?

Bootstrap 4 usa jQuery y Popper.js para componentes de JavaScript (como modales, información sobre herramientas, popovers, etc.). Sin embargo, si solo usa la parte CSS de Bootstrap, no los necesita.

Descargando Bootstrap 4

Si desea descargar y alojar Bootstrap 4 usted mismo, vaya a https://getbootstrap.com/ y siga las instrucciones allí.

Pin It