Twitter bootstrap dropdown cutoff

Question

I created a fixed navbar with a dropdown menu in it. But the dropdown menu is cutoff and not visible when clicked.

You can see a demo at http://svn.figure8.be/bootstrap/menu.html.

I hope somebody can point me in the right direction.

Answer 1

In the bootstrap.min.css there is a property called overflow in the .collapse class which is set to hidden. Remove this property and it will work. This is the class the overflow property is located in

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

or you can just set it to visible

.collapse {
position: relative;
height: 0;
overflow: visible;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

Answer 2

Removing the collapse class fixes my problem.