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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的jQuery相关文章