是否有任何类提供比modal-lg更大的宽度？

Question

我正在使用带引导程序的vue.js。

有模态潜水，如下所示，我找到一个增加模态div宽度的类，

我的模态div看起来像这样。我打算再添加12个标签，为此我需要更多宽度。

我正在使用modal-lg类来设置宽度。

我正在使用以下代码进行模态div

<div class="modal fade" id="modal_create_product" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    Create Product
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!-- Form Errors -->
                <div class="alert alert-danger" v-if="createForm.errors.length > 0">
                    <p class="mb-0"><strong>Whoops!</strong> Something went wrong!</p>
                    <br>
                    <ul>
                        <li v-for="error in createForm.errors">
                            {{ error }}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

我只是做

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

Answer 2

为什么不为min-width使用modal-content CSS？ 像这样：

 .modal-dialog.modal-lg {
     min-width: 80%
 }