bootstrap-4 - 模态宽度(增加)

Question

我希望模态框占屏幕宽度的 80% 左右。 modal-lg 不够大。这:

.modal .modal-dialog {
  width: 80%;
}

不适用于 Bootstrap 4。

Answer 1

Bootstrap 3

您可以通过执行以下操作来创建或覆盖默认引导modal-lg:

.modal-lg {
    max-width: 80%;
}

如果不起作用，只需添加 !important ，如下所示

.modal-lg {
    max-width: 80% !important;
}

现在调用modal-lg。

<div class="modal-dialog modal-lg" role="document">
 <!-- some modal content --->
</div

For Bootstrap 4 refer to @kitsu.eb answer. Also note that using bootstrap 4 utilities might break the responsiveness.