javascript - 将 Bootstrap 模式显示到最右侧

Question

我们使用Javascript来显示Bootstrap模式，应该添加哪些Javascript选项才能使Bootstrap模式显示在页面的最右侧？

这是我显示模态的代码(元素是模态)


$(element).modal('显示');


可以添加什么来使模态显示到最右侧？

Answer 1

您可以在模态中使用默认 Bootstrap 类将模态移动到右侧..

只需将 mr-0 添加到 modal-dialog就像，<div class="modal-dialog mr-0">

奥雷尔斯，您可以将 css 与 ma​​rgin-right: 0 一起使用到 modal-dialog ..

.modal-dialog {
    margin-right: 0;
}

工作示例:https://www.bootply.com/IhPyvzUhJS