Carga remota de datos modal de Bootstrap 4

En la última versión de Twitter Bootstrap (v4 alfa), la capacidad de cargar contenido remoto en un Se ha eliminado el modal. Esta funcionalidad existía en Bootstrap 3, pero ya no es compatible.

Problema

Al intentar utilizar el atributo data-remote para cargar contenido remoto en un modal en Bootstrap 4, el cuerpo del modelo permanece vacío y no se envía ninguna solicitud a la URL especificada.

Solución

Para resolver esto problema, puede usar JavaScript para cargar manualmente el contenido remoto en el cuerpo modal. Aquí hay un ejemplo:

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target") ' .modal-body').load($(this).data("remote"));
    });  

Este código adjunta un detector de eventos a todos los elementos con el atributo data-toggle="modal". Cuando se hace clic en uno de estos elementos, recupera el valor remoto de datos del elemento y utiliza el método .load() de jQuery para cargar el contenido remoto en el cuerpo modal.

Nota: La opción remota obsoleta se eliminó en Bootstrap 4 y se recomienda implementarla utilizando plantillas del lado del cliente, marcos de enlace de datos o llamando manualmente a jQuery.load() como se demostró anteriormente.