tengo un problema con una ventana modal en boostrap el problema es que son 3 ventanas modales, 2 de las ventanas se muestran correctamente , pero 1 se muestra detrás de la ventana modal principal.
imagen ventana que se muestra bien.
imagen de ventana que se muestra detrás.
Aca el codigo del modal
<div class="modal fade bd-example-modal-lg" id="modalVerReserva" tabindex="-1" role="dialog" aria-labelledby="modalMantenedorVuelosAgregarTramoLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content modal-lg">
<div class="modal-header bg-primary">
<h5 class="modal-title" id="modalMantenedorVuelosAgregarTramoLabel">DETALLE VUELO</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body modal-md">
<div class="left container-fluid">
<br>
<div class="container-fluid">
<div class="container-fluid col-sm-3">
<input type="text" id="idVerReservaAjax"class="form-control">
</div>
<button class="btn btn-primary" onclick="verReservaGuiaAjax()">Ver</button>
<div class="container-fluid" id="resultadoReservaGuia">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
y este es el botón para ejecutar el modal
<button type='button' size=1 class='btn btn-default' data-toggle='modal' data-target='#modalVerReserva' data-placement='left' title='Datos Cliente'><span class='glyphicon glyphicon-pencil'></span></button>
Por favor su ayuda.