使用bootstrap下拉子菜单

Question

我有一个我在这里制作的bootstrap导航栏wssl.beta.org。 subnav下拉列表按预期工作，直到您到达页面的右侧。我正试图让子导航出现在右边。现在我有这个用于导航栏：

<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附加到下拉菜单中，但也无效。

Answer 1

使用<li class="dropdown-submenu pull-left">而不是<li class="dropdown-submenu-left">

DEMO

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