更新：

在bootstrap 3你需要改变模式，对话框。所以在这种情况下，您可以modal-admin在modal-dialog站立的地方添加类。

原始答案（引导程序 < 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。

如果您只想使用 CSS 使其响应，请使用以下命令：

.modal.large {
    width: 80%; /* respsonsive width */
    margin-left:-40%; /* width/2) */ 
}

注 1：我使用了一个.large类，您也可以在正常情况下执行此操作.modal

注 2：在 Bootstrap 3 中，负边距可能不再需要 （未亲自确认）

/*Bootstrap 3*/
.modal.large {
     width: 80%;
}

注 3：在 Bootstrap 3 和 4 中，有一个 modal-lg类。所以这可能就足够了，但是如果您想让它具有响应性，您仍然需要我为 Bootstrap 3 提供的修复程序。

在某些应用程序fixed中使用模态，在这种情况下您可以尝试width:80%; left:10%;（公式：left = 100 - width / 2）

如果您使用的是 Bootstrap 3，则需要更改模态对话框 div 而不是像已接受的答案中所示的模态 div。此外，为了保持 Bootstrap 3 的响应特性，使用媒体查询编写覆盖 CSS 很重要，这样模态在较小的设备上将是全宽的。

请参阅此 JSFiddle以试验不同的宽度。

HTML

<div class="modal fade">
    <div class="modal-dialog custom-class">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-header-text">Text</h3>
            </div>
            <div class="modal-body">
                This is some text.
            </div>
            <div class="modal-footer">
                This is some text.
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

CSS

@media screen and (min-width: 768px) {
    .custom-class {
        width: 70%; /* either % (e.g. 60%) or px (400px) */
    }
}

如果你想要不破坏相关设计的东西，试试这个：

body .modal {
  width: 90%; /* desired relative width */
  left: 5%; /* (100%-width)/2 */
  /* place center */
  margin-left:auto;
  margin-right:auto; 
}

正如@Marco Johannesen 所说，选择器之前的“主体”使其具有比默认值更高的优先级。

在 Bootstrap 3+ 中，更改模态对话框大小最合适的方法是使用 size 属性。下面是一个例子，注意modal-sm沿着modal-dialog类，表示一个小的模态。它可以包含sm小、md中和lg大的值。

<div class="modal fade" id="ww_vergeten" tabindex="-1" role="dialog" aria-labelledby="modal_title" aria-hidden="true">
  <div class="modal-dialog modal-sm"> <!-- property to determine size -->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="modal_title">Some modal</h4>
      </div>
      <div class="modal-body">

        <!-- modal content -->

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="some_button" data-loading-text="Loading...">Send</button>
      </div>
    </div>
  </div>
</div>