Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Mastodonte en 7 Octubre 2017, 01:23 am



Título: No me aparece la ventana modal de Bootstrap
Publicado por: Mastodonte en 7 Octubre 2017, 01:23 am
Hol,a tengo un problema con bootstrap, es que cuando intento hacer lo de las ventanas modal no me aparecen, este es mi codigo

Código
  1. <!DOCTYPE html>
  2. <meta charset="utf-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  5.  
  6. <title>Lecturas</title>
  7.  
  8. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  9. <link rel="stylesheet" href="css/bootstrap.min.css">
  10. <link rel="stylesheet" href="css/estilos.css">
  11.  
  12.  
  13.  
  14. <!-- Latest compiled and minified CSS -->
  15. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  16. <!-- Optional theme
  17. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  18. <!-- Latest compiled and minified javascript -->
  19. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>&#65279;
  20. </head>
  21.  
  22.  
  23. <!-- Button trigger modal -->
  24. <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  25.  Launch demo modal
  26.  
  27. <!-- Modal -->
  28. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  29.  <div class="modal-dialog" role="document">
  30.    <div class="modal-content">
  31.      <div class="modal-header">
  32.        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  33.        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  34.      </div>
  35.      <div class="modal-body">
  36.        ...
  37.      </div>
  38.      <div class="modal-footer">
  39.        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  40.        <button type="button" class="btn btn-primary">Save changes</button>
  41.      </div>
  42.    </div>
  43.  </div>
  44. </div>
  45.  
  46. <!--Inicio de los scripts-->
  47. <script src="js/bootstrap.min.js"></script>
  48. <script src="js/jquery-3.2.1.min.js"></script>
  49. <script src="js/prefixfree.min.js"></script>
  50. <script src="js/scripts.js"></script>
  51. <!--Fin de los Scripts-->
  52. </body>
  53. </html>
  54.  
  55.  

ese codigo lo copie de la propia documentacion de bootstrap y nada  :-\ :-\


PD: me parece increible que 83 personas vieron esto y ninguna se digno a ayudarme  >:(


Título: Re: No me aparece la ventana modal de Bootstrap
Publicado por: #!drvy en 10 Octubre 2017, 15:15 pm
Supongo que tienes todos los archivos bien referenciados y que has comprobado que la consola no tire ningun error ?

Saludos