HTML - modal con bootstrap

 
Vista:
Imágen de perfil de nelson
Val: 10
Ha aumentado su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

modal con bootstrap

Publicado por nelson (7 intervenciones) el 02/01/2020 16:50:05
hola, no sabia donde publicar mi pregunta. tengo el siguiente problema por alguna razon al darle click a mi boton desactivar no me muestra la ventana modal. no me manejo muy bien con lo que es bootstrap.
cualquier sugerencia y/o comentario sera bienvenido muchas gracias.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="modal-footer">
	<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#smallModal">INACTIVAR</a>
</div>
 
 
 
<div class="modal fade" id="smallModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document" aria-labelledby="smallModal" aria-hidden="true">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="smallModalLabel">ADVERTENCIA</h4>
            </div>
            <div class="modal-body">
                ¿ESTA SEGURO QUE DESEA INACTIVAR EL CLIENTE "SUEZ MEDIOAMBIENTE" Y TODOS LOS DISPOSITIVOS QUE DEPENDEN DE ESTE CONTRATO?
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-danger waves-effect">INACTIVAR CLIENTE</button>
              <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CANCELAR</button>
            </div>
        </div>
    </div>
</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Pedro
Val: 277
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

modal con bootstrap

Publicado por Pedro (74 intervenciones) el 02/01/2020 20:46:56
Prueba esto no sé si será tu problema o no...?

Cambia esto de tu código:
1
<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#smallModal">INACTIVAR</a>

Por esto:
1
<button type="button" class="btn btn-lg btn-success" data-toggle="modal" data-target="#smallModal>INACTIVAR</button>


No obstante te aconsejo que te vayas acostumbrando a trabajar con la consola de desarrollador del navegador CTRL+MAYUS+I
Hay puedes comprobar si te marca algún error y depurarlo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar