Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

twitter bootstrap drop down issue

twitter bootstrap drop down issue


Hi I am using Twitter Bootstrap for my website. I have put dropdown in collpsable which is in modal window. My problem is the dropdow I have put in collaspable inner, it cutoff the menu. Here is that Image

It should show like this :

I have tried by changing the z-index attribute but unable to show it. Can anybody know what is the problem?

Problem courtesy of: Anand Soni


I beleive the css it is using is the .dropdown-menu class whose position is set to absolute. If you change the position to relative it will give you the behavior you desire.

So you could isolate this change in your own .css file so you don't touch the main bootstrap.css file so its easier to update without breaking your styles.

So perhaps something in a custom.css:

.dropdown-menu {
position: relative;
Solution courtesy of: kd7


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

twitter bootstrap drop down issue


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription