javascript - 使用引导下拉子菜单
问题描述
我有一个我在这里 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 附加到下拉菜单,但这也不起作用。
解决方案
使用<li class="dropdown-submenu pull-left">
代替<li class="dropdown-submenu-left">
推荐阅读
- node.js - 使用 docker-compose up 启动交互式 node.js CLI 应用程序
- javascript - 如何取消 QDate 选择?
- wordpress - 通过单击变体图像 Woocommerce 更改产品变体
- reactjs - React 条件格式三元
- java - 在循环中仅显示偶数,并添加偶数
- r - 用 NA 替换 COL2 中的行值,其中其他 COL3 值是 R 中的 NA
- python - 多处理代码不产生结果
- c# - 用 new string("...".ToCharArray()) 初始化一个字符串
- sql - 按 id 值计算多个单元格的最佳方法
- c++ - 无法理解 C++ 中的语法错误