Как задать собственный размер модального окна BootstrapVue?

Question

[Алексей]

В документации говорится: "Модальные окна имеют три необязательных размера, доступных через свойство size. Эти размеры срабатывают в определенных контрольных точках, чтобы избежать горизонтальных полос прокрутки на более узких окнах просмотра. Допустимые необязательные размеры: sm, lg и xl."

Есть ли возможность это обойти, так как на локальном сервере все эти размеры прекрасно отрабатывают, но при загрузке на сервер, все размеры окна слетают

<b-modal ref="my-modal" hide-footer title="Добавление" size="xl">
                <div class="row">
                    <div class="col-md-6">
                        <div class='bg'>
                            <input class='textarea' id='input-filter-staff1' name='Pwd' v-model="work_name" />
                            <br>
                            <label for='input-filter-staff1' class='label'>Рабочее наименование</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class='bg'>
                            <input class='textarea' id='input-filter-staff12' name='Pwd' v-model="short_name" />
                            <br>
                            <label for='input-filter-staff12' class='label'>Краткое наименование</label>
                        </div>
                    </div>

                </div>
</b-modal>