jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – Bootstrap / Bootbox:仅为特定模态更改模态宽度全部内容,希望文章能够帮你解决jquery – Bootstrap / Bootbox:仅为特定模态更改模态宽度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: