<div class="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
如何更改 Bootstrap 中的默认模态位置,我应该在哪里编辑以更改默认位置。
最佳答案
将以下 css 添加到您的 html 并尝试更改顶部、右侧、底部和左侧的值。
.modal {
position: absolute;
top: 10px;
right: 100px;
bottom: 0;
left: 0;
z-index: 10040;
overflow: auto;
overflow-y: auto;
}
关于javascript - 如何更改 Bootstrap 中模态的默认定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24731307/