Question

我正在使用bootstrap作为我网站的UI库。

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

在网站上我使用了jQuery对话框插件。是否可以在对话框中应用bootstrap样式？我不想使用jquery-ui css。我如何使用bootstrap设置对话框的样式？

Answer 1

我在这里为您创建了一个基本示例：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");
});

您需要导入bootstrap模态css才能使其正常工作： https://cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/css/bootstrap-modal.css

在jQuery对话框插件上应用bootstrap主题？

1 个答案: