【问题标题】: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="#" 之一转到特定页面吗?如果是这样,只需将“#”更改为您的页面链接或锚标记链接。
    猜你喜欢
    • 1970-01-01
    • 2023-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-02
    • 1970-01-01
    相关资源
    最近更新 更多