更新:

在引导3中，你需要改变模式对话框。 所以在这种情况下，你可以在modal-dialog所在的位置添加类modal-admin。

原始答案(Bootstrap < 3)

是否有特定的原因，你试图改变它与JS/jQuery?

只需CSS就可以轻松完成，这意味着您不必在文档中进行样式化。 在您自己的自定义CSS文件中，您添加:

body .modal {
    /* new custom width */
    width: 560px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -280px;
}

在你的情况下:

body .modal-admin {
    /* new custom width */
    width: 750px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -375px;
}

我把body放在选择器之前的原因是，它的优先级比默认值更高。通过这种方式，您可以将其添加到自定义CSS文件中，并且无需担心更新Bootstrap。

使用Bootstrap 3，所需要的只是通过CSS给模态对话框一个百分比值

CSS

#alertModal .modal-dialog{
     width: 20%;
}

我使用了SCSS和全响应模态:

.modal-dialog.large {
    @media (min-width: $screen-sm-min) { width:500px; }
    @media (min-width: $screen-md-min) { width:700px; }
    @media (min-width: $screen-lg-min) { width:850px; }
} 

达到预期效果使用，

.modal-dialog {
    width: 41% !important;
}

我用过这种方法，非常适合我

$("#my-modal")
.modal("toggle")
.css({'width': '80%', 'margin-left':'auto', 'margin-right':'auto', 'left':'10%'});

在Bootstrap 3 CSS中，你可以简单地使用:

body .modal-dialog {
    /* percentage of page width */
    width: 40%;
}

这确保了你不会破坏页面的设计，因为我们使用的是。modal-dialog而不是。modal，后者甚至会被应用到底纹上。