Question

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

这是我的代码，用于显示模式（元素是模式）

$(element).modal('show');

可以添加哪些内容以使模式显示在最右侧？

Answer 1

您可以在css文件中使用以下内容

.modal-dialog {
    margin-top: 1%;
    margin-left: 50%;
}

根据您的要求调整margin-left:

Answer 2

您可以在模态中使用默认的引导类，以将模态向右移动。

只需将{strong> mr-0 添加到modal-dialog之类的<div class="modal-dialog mr-0">

Orelse，您可以将CSS的 margin-right：0 设置为modal-dialog。

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