Question

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

主要的HTML：

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

modal 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是在modal html上呈现数据

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

Answer 1

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

Answer 2

如果要更改模态内容宽度，可以在单击#custom-view时添加模态内容宽度

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

如果您想要更改其他类

，只需更改班级.modal-content即可

如何在我的情况下更改bootstrap-modal width？

2 个答案: