如何删除溢出：Bootstrap 5模态隐藏？

Question

I正在使用Bootstrap 5用于React应用程序。我的问题是，第二次打开模态时，下面的样式就会放在身体元素上：

style="overflow: hidden; padding-right: 17px;"

和班级

modal-open

。是否有可能避免此问题？

Answer 1

您可以在SCC或SCSS文件中操纵每个Bootstrap类。只需称呼该课程并删除您不需要的样式。在您的情况下，您可以设置

.modal{
   overflow: auto !important;
}

Answer 2

.body-scroll { overflow: auto !important; }