【问题标题】:Dropdown menu is outside of window area - Bootstrap下拉菜单位于窗口区域之外 - Bootstrap
【发布时间】:2013-01-26 10:13:29
【问题描述】:

Bootstrap Twitter 的下拉菜单是在底部打开的,因为超出了窗口区域而没有出现。我需要在上面显示。是否有要强制出现在顶部的属性?

【问题讨论】:

  • 也许使用style.position:'absolute'top:0
  • 您可以在 jsfiddle 中发布您的代码或链接到您的网站吗?
  • 你好,比利!参见 jsfiddle。 jsfiddle.net/marloscarmo/2FeRT

标签: javascript drop-down-menu twitter-bootstrap


【解决方案1】:

要使菜单按照您只需将 .dropup 类添加到带有 .btn-group 类的 div 的方式上升。

<div class="btn-group dropup">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
  </ul>
</div>

这里有完整的信息:

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

【讨论】:

  • 我阅读了文档,但没有注意到这个细节。谢谢!
  • 文档链接已损坏
猜你喜欢
  • 2014-09-13
  • 2018-07-07
  • 1970-01-01
  • 2012-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-08
相关资源
最近更新 更多