The bootstrap modal cap the menu [closed]

Question

The bootstrap modal cap the menu [closed]

Navigation

#1 by (1 votes)

1

I have a problem with my modal of Bootstrap, what happens is that the modal is covering my menu and I do not know how to pass the modal to the front or the menu to pass it to after. Thanks and i hope you can help me.

bootstrap

asked by Javier fr 08.08.2017 в 19:14

source

1 answer

Use different table name to users for login and registration Error in Jquery DataTable "Requested unknown parameter '0' for row 0, column 0."

score 1 · Accepted Answer

This happens because the menu contains a z-index higher than modal and backdrop . What I suggest is that you change the z-index of the menu or the backdrop and modal

To set the z-index of modal and backdrop you can put it next:

.backdrop{
  z-index:1050 !important;//cambiar el valor por uno mas alto
}
.modal{
  z-index:1050 !important;//cambiar el valor por el mismo del backdrop + 1
}

if you only set the z-index of the menu use the following:

.navbar{
  z-index: 1 !important;
  //usar el mas pequeño, cuidando que no se valla a ocultar en otro contenido de la pagina
}