Есть ли класс, который дает большую ширину, чем модал-LG?

Question

Я использую vue.js с Bootstrap.

Существует модальное погружение, которое показывает, как показано ниже. Я нахожу класс, который увеличивает ширину модального 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

Почему бы вам не использовать min-width CSS для modal-content?Как это:

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

Answer 2

Я просто делаю

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