使用引导下拉子菜单答案

【问题标题】：using bootstrap dropdown submenus使用引导下拉子菜单
【发布时间】：2019-07-16 00:30:09
【问题描述】：

我在 wssl.beta.org 有一个引导导航栏。子导航下拉菜单按预期工作，直到您到达页面右侧。我正在尝试使子导航出现在右侧。现在我有这个导航栏：

<li class="nav-item active">
          <a style=" color:#FFBB3F;" class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            FIELDS
          </a>
          <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li class="dropdown-submenu-left"><a class="dropdown-item dropdown-toggle" href="#">Submenu</a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="#">Submenu action</a></li>
                <li><a class="dropdown-item" href="#">Another submenu action</a></li>
              </ul>
            </li>
          </ul>
        </li>

但由于某种原因，它一直出现在右侧。我已经尝试将 -left 附加到下拉菜单中，但这也不起作用。

【问题讨论】：

哎呀，我的意思是我试图让子菜单出现在左侧。抱歉，我一直在看电脑。
您介意澄清您的问题吗？
当然。如果您查看导航栏，您会看到它的下拉菜单，并且可以选择打开子菜单。子菜单将下拉到右侧，这很好，直到您到达页面的右侧。这是错误的图片：link
查看我的答案https://stackoverflow.com/a/54818359/10997917

标签： javascript html css bootstrap-4 nav

【解决方案1】：

使用<li class="dropdown-submenu pull-left"> 代替<li class="dropdown-submenu-left">

DEMO

来自https://stackoverflow.com/a/16485503/10997917

【讨论】：

所以我实际上已经尝试过，在它只是使子菜单重叠在菜单顶部之前它实际上并没有[显示左侧。] (imgur.com/WGNLk6N)
如果您将子菜单替换为演示中的子菜单，是否有效？