Bootstrap 4 Modal Remote Data Load

Na versão mais recente do Twitter Bootstrap (v4 alpha), a capacidade de carregar conteúdo remoto em um modal foi removido. Esta funcionalidade existia no Bootstrap 3, mas não é mais suportada.

Problema

Ao tentar usar o atributo data-remote para carregar conteúdo remoto em um modal no Bootstrap 4, o corpo do modelo permanece vazio e nenhuma solicitação é enviada para o URL especificado.

Solução

Para resolver esse problema, você pode usar JavaScript para carregar manualmente o conteúdo remoto no corpo modal. Aqui está um exemplo:

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

Este código anexa um ouvinte de evento a todos os elementos com o atributo data-toggle="modal". Quando um desses elementos é clicado, ele recupera o valor data-remote do elemento e usa o método .load() do jQuery para carregar o conteúdo remoto no corpo modal.

Nota: A opção remota obsoleta foi removida no Bootstrap 4 e é recomendada para ser implementada usando modelos do lado do cliente, estruturas de ligação de dados ou chamando manualmente jQuery.load() conforme demonstrado acima.