我在 IE(IE 8 / IE 9)上使用 Bootbox 4 和 Bootstrap 3,一切都按预期工作。
看起来在 Bootstrap 3 中,您可以按如下方式在 CSS 中设置模态宽度,但是,这样的任何事情都会改变我所有的模态:
.modal-dialog {
width:70% !important;
}
在 CSS、jQuery 或 Bootbox 设置中是否有一种方法可以仅针对一个特定模式更改 Bootbox 警报模式的宽度?Bootbox 页面只有一个非常短的文档,我在其他任何地方都找不到这方面的信息。
更新
创建特定模式的 JS(带有示例数据):
bootbox.dialog({
message: " \
<table class='table table-hover'> \
<thead> \
<tr> \
<th>Item Name</th> \
<th>Location</th> \
<th>Path</th> \
<th>Last Update</th> \
</tr> \
</thead> \
<tbody> \
<tr> \
<td>Item 1</td> \
<td>Navbar - Level 2</td> \
<td>Products - blabla</td> \
<td>Added by xxx on 05 Aug 2014</td> \
</tr> \
</tbody> \
</table>",
title: "Search Results",
buttons: {
main: {
label: "Close",
className: "btn-primary"
}
},
className: "modal70"
});
还有我当前的 CSS:
.modal-dialog.modal70 {
width:70% !important;
}