Bootstrap Modals (Second is hidden behind first)

I have an issue where I have multiple overlapping modals, and the secondary opens behind the first. I need it displayed in front.

The relevant code is in my bootstrap modal:

    <div id="addEditModal" class="modal fade" tabindex="-1" data-backdrop="false" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

I believe it can be solved by adding some sort of attribute. I believe tabindex is responsible for the focus order.

Can anyone help?

Level 67

@daniel1836 You'll want to look into CSS z-index to modify the stacking order.

1 like

Please or to participate in this conversation.