如何在我的情况下改变引导模式宽度？

Question

我使用以下方式将模态内容加载到主html中：

主html：

<div class="modal modal-custom fade" id="custom-view">
</div>
.....

模态html(在单个html上)：

<div class="modal-dialog">
    <div class="modal-content message_align">
        <div class="modal-body" align="center">
            <span class="section">Custom Info</span>
                {% crispy form form.helper%}
        </div>
    </div>
</div>

我将模态内容加载到主html中，如下所示：

$(".mod-custom").click(function(ev) {
    ......
    $("#custom-view").load(url, function() {
        $("#custom-view").modal('show');
    }
}

该url用于呈现模态html上的数据。

在我的情况下，如何改变宽度？

Answer 1

我希望这个链接能有所帮助。改变模态尺寸。https://coolestguidesontheplanet.com/bootstrap/modal.php#myModal2

Answer 2

如果要更改模态内容宽度，则可以在单击“自定义视图”时添加模式内容宽度。

$(".mod-custom").click(function(ev) {
......
$("#custom-view").load(url, function() {
    $("#custom-view").modal('show');
$('.modal-content').css({'width':'900px'});
}}

如果要更改另一个类，只需更改类.modal-content即可。