Appliquer le thème bootstrap sur le plugin de dialogue jQuery?

Question

J'utilise bootstrap comme bibliothèque d'interface utilisateur pour mon site Web.

<link href="bootstrap.min.css" rel="stylesheet"> 

Dans le site Web j'ai utilisé le plugin de dialogue jQuery. Est-il possible d'appliquer le style bootstrap sur le dialogue? Je ne veux pas utiliser jquery-ui css. Comment puis-je styliser ma boîte de dialogue en utilisant bootstrap?

Answer 1

J'ai créé un exemple de base pour vous ici: https://jsfiddle.net/o877hLg5/

$(function() { 
    $("#dialog").dialog(); 
    var $dialog = $(".ui-dialog"); 
    $dialog.addClass("modal-content"); 
    $dialog.find(".ui-dialog-titlebar").addClass("modal-header").find(".ui-button").addClass("close").text("x"); 
    $dialog.find(".ui-dialog-content").addClass("modal-body"); 
}); 

Vous devez importer le css modal bootstrap pour le faire fonctionner: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/css/bootstrap-modal.css