HowApped HowApped - 1 year ago 127
CSS Question

z-index of bootstrap button dropdown

I'm having issues with the z-index of a bootstrap dropdown.

Portion of the page

In this page, the pass button's associated dropdown is appearing on a lower layer that the container and appears to constrain it.

Editing the following doesn't seem to fix.

Web inspector screenshot

Any ideas CSS people?



Answer Source

The reason your dropdown isn't being shown is that this element has the CSS option of overflow:hidden:

<div class="panel panel-default">

Edit bootstrap-alizarin.css line 4100 and remove overflow:hidden.

After you have done this, insert the following code after the closing tag of the .sanctions-result-actions div:

<div style="clear:both;"></div>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download