无法下拉以显示正确的菜单

【问题标题】：Cant get drop down to show right for the menu无法下拉以显示正确的菜单
【发布时间】：2019-06-05 04:29:37
【问题描述】：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Beat Human Trafficking Blog</a>

这是菜单列表：

<div class="bs-example">
       <div class="dropdown">
         <div class="dropdown-menu">
            <a href="#" class="dropdown-item">Action</a>
            <a href="#" class="dropdown-item">Another action</a>
         </div>
       </div>
   </div>

【问题讨论】：

标签： twitter-bootstrap drop-down-menu

【解决方案1】：

看起来你只需要将锚标签放在下拉 div 内：

<div class="bs-example">
  <div class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenuLink">Beat Human Trafficking Blog</a>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
      <a href="#" class="dropdown-item">Action</a>
      <a href="#" class="dropdown-item">Another action</a>
    </div>
  </div>
</div>

这为我解决了问题。 Here 是 codepen，如果你想参考的话。

【讨论】：

非常感谢@codeartistgirl。我将如何添加 onlick 功能以转到下一页或必须更改 div。
我不确定你到底在问什么。您希望 href="#" 之一转到特定页面吗？如果是这样，只需将“#”更改为您的页面链接或锚标记链接。