0

Quiero usar BoostrapDialog, como muestro a continuación:

BootstrapDialog.show({
    title: 'Example',
    message: 'Write your example here.',
    buttons: [{
        label: 'Close',
        action: function(dialog) {
            dialog.close();
        }
    }]
});
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.4/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.4/js/bootstrap-dialog.min.js"></script>

Pero me da un error.

¿Qué estoy haciendo mal?

1 respuesta 1

2

El problema es que estas importando el css y javascript de bootstrap 4 y el dialog necesita bootsatrp 3.

BootstrapDialog.show({
	title: 'Example',
    message: 'Write your example here.',
    buttons: [{
   		label: 'Close',
        action: function(dialog) {
        	dialog.close();
        }
    }]
});
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.4/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.4/js/bootstrap-dialog.min.js"></script>

3
  • Pero no hay un Bootstrap Dialog para Bootstrap 4??
    – Nacho
    Commented el 26 feb. 2019 a las 10:50
  • Por lo que veo en el repositorio del autor de Bootstrapdialog no existe una versión oficial para Bootstrap 4 pero este usuario ha creado una versión compatible: github.com/GedMarc/bootstrap4-dialog. Aquí más info: github.com/nakupanda/bootstrap3-dialog/pull/281
    – Kiko_L
    Commented el 26 feb. 2019 a las 10:58
  • 1
    Yo no había encontrado nigún repositorio de bootstrap 4 para dialog, sólo he visto que añadiendo clases podías conseguir cosas parecidas. Gracias @Kiko_L por la aportación. Commented el 26 feb. 2019 a las 11:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.