2016-04-21 36 views
0

Ich habe modals Zeit in und Timeout verwendet, aber aus irgendeinem Grund kann ich nicht das Modal mit dem folgenden Markup starten ... Ich habe das direkt von der Bootstrap-Website und startet immer noch nicht. ..Bootstrap Modal Not Firing

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" /> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> 

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</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> 

Wenn ich meine Schaltfläche klicken, geschieht nichts, überhaupt ...

+0

Sie fügen Code mit Links zu Designs, haben Sie ‚js Dateien von Bootstrap verknüpft? –

Antwort

1

Nur 2 Dateien in Ihrem Code folgenden setzen es funktioniert.

<script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script> 

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

Siehe Demo Arbeits

http://plnkr.co/edit/0RCb4GjLu8TExvMk5koL?p=preview