Diferencia entre Bootstrap 3 y Bootstrap 4

Bootstrap: Bootstrap fue desarrollado por Mark Otto y Jacob Thorton en Twitter en agosto de 2011. Es un marco de código abierto que se utiliza para diseñar sitios web receptivos de manera más rápida y sencilla. Es el marco de código abierto más popular que incluye HTML, CSS y JavaScript. Puede crear aplicaciones web con cualquier tecnología del lado del servidor como Java, PHP, etc. y su diseño receptivo permite cualquier plataforma como computadora, tableta y dispositivo móvil. 

Usamos Bootstrap por muchas razones que son:  

• Diseño de respuesta
• Compatibilidad con navegador
• Primer estilo móvil
• Fácil de aprender

Versión diferente de Bootstrap:  

• La versión 2.0 es compatible con el diseño web receptivo
• La versión 3.0 es compatible con el diseño móvil primero
• La versión 4.0 presenta compatibilidad con SASS y Flexbox

Diferencia entre Bootstrap 3 y Bootstrap 4:  

base fuera	Arranque 3	Arranque 4
Sistema de red	Se basa en un sistema de cuadrícula de 4 niveles (xs, sm, md, lg).	Se basa en un sistema de cuadrícula de 5 niveles (xs, sm, md, lg, xl).
Archivo CSS	MENOS	HABLAR CON DESCARO A
Tamaño del botón	Se admite la clase .btn-xs.	En el que solo están disponibles .btn-sm y .btn-lg.
forma horizontal	No se requiere la clase .row usando cuadrícula en formularios.	Se requiere la clase .row cuando se usa la cuadrícula en el formulario.
Tabla inversa	No soportado.	En el que podemos agregar una tabla inversa con la ayuda de la clase .table-inverse.
Unidad primaria	píxeles	movimiento rápido del ojo
Tamaño de fuente	14 píxeles	16 píxeles
Tabla receptiva	En Bootstrap 3, se agregó la clase .responsive-table al elemento <div>.	En bootstrap 4, se agregó la clase .responsive-table usando el elemento <table>.
Tabla condensada	Es compatible con .table-condensed.	Es compatible con .table-sm.
Imagen receptiva	Utilice la clase .img-responsive.	Utilice la clase .img-fluid.
Alineación de imagen	Utilice la clase .pull-right y .pull-left.	Puede usar .pull-right, .pull-left y varias otras clases como .text-left y .text-center.
Estructura	Para aplicar la lista desplegable, usamos <ul>, <li>	Para aplicar .dropdown-item usamos <a>, <button>.
Color	Hay colores limitados disponibles, admite barras de navegación inversas pero no otras clases.	Hay muchas opciones de colores .bg-dass o .navbar-light, .navbar-dark clases.
jumbotron	La clase .jumbotron-fluid no se requiere en ancho completo.	Clase .jumbotron-fluid para jumbotron de ancho completo.
Píldora de etiqueta	.label-pill no está disponible.	Clase .label-pill para hacer la esquina redonda.
Buscapersonas	Utiliza .next o .previous.	En el que usamos .pager-next o .pager-previous.
Clase	Use la clase .breadcrumb contra la etiqueta <ul>.	Use la clase .breadcrumb contra la etiqueta <li>.
afligir	Sí	No
Caja flexible	No	Sí
Artículo de carrusel	Utiliza la clase .item.	Utiliza la clase .carousel-item.
Divisores	Aplique la clase .divider al elemento <li>.	Aplique la clase .dropdown-divider al elemento <div>.
Encabezado de tabla	No es compatible con el encabezado de la tabla.	Se admiten .thread-default y .thread-inverse.
Objetos multimedia	.medios de comunicación,. Se admiten el cuerpo de los medios, el encabezado de los medios, etc.	.media solo es compatible.
unidad CSS	Bootstrap 3 admite Px como unidad CSS	Bootstrap 4 admite rem como unidad CSS