DropLeft的位置错误

Question

我设计了一个带导航栏的导航栏。在导航栏的右侧我有我的链接。 当我在导航栏上放置一个左下角时，左下角会在错误的位置打开。 有什么问题？

我的HTML：

   <li class="nav-item dropleft">

            <button class="btn bg-white nav-link text-dark dropdown-toggle" id="dd" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >MORE</button>

             <div class="dropdown-menu" aria-labelledby="dd">
                <a href="" class="dropdown-item">sadasd</a>
            </div>

    </li>

这是会发生什么：

https://i.stack.imgur.com/Yakc3.png

Answer 1

这是Bootstrap 4.0.0中的一个已知问题：https://github.com/twbs/bootstrap/issues/25304

正如您在评论中看到的那样，由于popper.js定位的工作方式，导航栏内是否支持dropleft / right是未知的。

这会影响dropup，dropleft和dropright。