Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Dropdown menu is outside of window area - Bootstrap

The dropdown menu of Bootstrap Twitter is open on bottom and not appear because is outside of window area. I need show on top. Have a property to force appear on top?

like image 271
Marlos Carmo Avatar asked Jan 23 '26 15:01

Marlos Carmo


1 Answers

To get the menu to go up the way you just add the .dropup class on 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 info here:

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

like image 167
Billy Moat Avatar answered Jan 26 '26 04:01

Billy Moat



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!