Question

我在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

使用引导程序下拉菜单

1 个答案: