在Bootstrap4

Question

我目前正在从Bootstrap4 alpha迁移到Bootstrap4 stable。到目前为止，这么好，除了我的模态我有这个问题。我到处都在使用下拉菜单，包括有很多项目的下拉菜单。以前，滚动工作完美。现在它没有：当我滚动时，这是滚动的模态过滤器（.modal-backdrop），而不是下拉列表。

以下是整页示例：

https://www.codeply.com/go/JKlWFeOgtU

Answer 1

另一种解决方法是在下拉列表中设置一个空的data-boundary ...

https://www.codeply.com/go/X8QPbNtp1E

<div class="btn-group dropdown">
      <button type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" data-boundary="">Dropdown</button>
      <div class="dropdown-menu mt-5">
        <a class="dropdown-item" href="#">Action</a>
                        ...
      </div> 
</div> 

Answer 2

我找到了解决方法。

问题来自popper.js，Bootstrap 3没有。一个有趣的事情是popper.js忽略了带有“.navbar”类的下拉菜单（即Bootstrap没有从中创建一个popper对象），所以我刚刚在“.dropdown”旁边添加了“.navbar”。 class，加上“style =”padding：0 0“有一个全宽下拉切换按钮。

https://www.codeply.com/go/lEvHHZz4Zu