jquery - 仅更改 Bootbox 中特定模态的模态宽度

Question

我在 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;
}

Answer 1

试试这个:

.modal70 > .modal-dialog {
    width:70% !important;
}

更新:

<强> Try Demo