Bootstrap 4 模态不透明度

Question

所以我正在使用 Bootstrap 4 Beta 并希望在显示模态时使背景变暗。我看到一个帖子，我只需要添加 css 类

.modal-backdrop.in {
    opacity: 0.5 !important;
    position: fixed;
}

到我的 CSS 文件。他们写道，我不需要将类添加到 div，只需将其添加到 CSS 文件中即可。所以如果我只是添加它，它不会发生任何事情。如果我然后将类也添加到我的模态 div 中，一切都会得到不透明度，甚至是模态本身。有人知道如何解决吗？

Answer 1

只需通过覆盖它来更新模态的当前 CSS 类。

.modal-backdrop.show {
    opacity: 0.8;
}

.show包含背景不透明度的类在哪里。