soy nuevo en el tema y estoy estancado con las ventanas modales!! la comunidad es la salvadora de siempre!! jaja explico mi situacion!! estoy tratando de cargar mi planilla por medio de un modal, el cual no lo se usar estoy con tutoriales y mas tutoriales. y resulta que activo mi modal por medio de mi boton asignado, pero no me aparece la ventana del modal. ya no se que hacer entonces recurro a uds les dejo el codigo por alguno pueda darme una mano..
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AGREGAR MEDICO</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
</head>
<body>
<h1 class="bg-black p-2 text-white text-center">AGREGAR MEDICO</h1>
<div class="container">
<form>
<div class="mb-3">
<label class="form-label">Nombre del Medico</label>
<input type="text" class="form-control" id="nombre_medico">
<div id="nom_pte_ayuda" class="form-text">NO PUEDE SER VACIO!</div>
</div>
<div class="mb-3">
<label class="form-label">Contacto</label>
<input type="text" class="form-control" id="contacto_medico">
</div>
<div class="container">
<h2>Modal Example</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html> ```