0

Estoy con un proyecto php y tengo problemas con el modal: al lanzar el evento con el botón solo se muestra el modal un milisegundo. No hay manera y no veo error: Este es el lanzador:

<div class="box-header with-border"> 
       <!-- Button trigger modal -->
       <button class="btn btn-primary" data-toggle="modal" data-target="#anadeUsuario">
        Añadir usuario
       </button>             
</div>

Y este es el modal:

   <!-- Modal --> 
<div class="modal fade" id="anadeUsuario"  role="dialog" tabindex="-1" aria-labelledby="mySmallModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">

          <div class="modal-header">    
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">&times;</button> 
            <h3 class="modal-title fs-5" id="mySmallModalLabel">Registro de usuario</h3>
          </div>

          <div class="modal-body">
            ...
          </div>

          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Limpiar</button>
            <button type="button" class="btn btn-primary">Guardar</button>
          </div>

        </div>
      </div>
    </div>

Dura un milisegundo en pantalla (tan rápido que no se puede hacer captura)

2
  • ¿Qué versión de Bootstrap tienes? Commented el 2 sept. 2023 a las 12:46
  • La versión de Bootstrap es importante aquí. Si es Bootstrap 5, tenés que tener en cuenta los cambios en esta versión. Te aseguro que con los cambios mencionados en esa respuesta, se mostrará correctamente el modal.
    – padaleiana
    Commented el 2 sept. 2023 a las 14:16

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.