Clever Geek Handbook

Dropdown outside of window area - Bootstrap

The Bootstrap Twitter dropdown menu is open at the bottom and does not appear because it is outside the window area. I need to show from above. Is there a property of strength that appears from above?

+3


source to share


1 answer


To get the menu up, you simply add the .dropup class to the div with the .btn-group class.

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


Full details here:

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

+5


source






More articles:


All Articles