Bootstrap模态有一个缺陷

Question

当我学习bootstrap并在官方页面上试用这个例子时,我发现了一个与模态组件有关的缺陷(可能).

单击"启动演示模式",您会注意到右上角有一个显着的边距,当模式对话框消失/出现时,导航栏将拉伸/缩小.

这是一个错误还是故意的？我认为这很烦人,如何禁用它？

Answer 1

要手动修复此问题,只需添加

body.modal-open, 
.modal-open .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom 
{
    margin-right: 0px;
}

到引导样式表后应用的样式表.

如果您想要隐藏滚动条,也可以添加

.modal
{
    overflow-y: auto;
}

同样.

Answer 2

这是我发现的最佳解决方案:

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    padding-right: 0px !important;
    overflow-y: auto;
}