jquery – Bootstrap / Bootbox：仅为特定模态更改模态宽度

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

蒂姆,非常感谢你提供的任何帮助.

解决方法

试试这个：

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

更新：

Try Demo