부트 스트랩 버튼이 모달을 호출 할 수 없습니다.

Question

모달을 HTML 코드에 삽입했으며 부트 스트랩 버튼을 사용하여 모달을 호출했습니다. 문제는 버튼을 클릭 할 때 내 모델이 표시되지 않는다는 것입니다.

<!-- Modal --> 
 
<div id="ordine" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Ordine inviato!</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>I vostri ordini saranno evasi in ordine cronologico di arrivo. Riceverete, una volta che abbiamo controllato la disponibilità fisica in magazzino, una mail di conferma e, successivamente, una seconda mail di avviso della partenza del pacco.</p> 
 
     <p>Grazie per aver scelto Mailmodel !</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

여기

내 버튼입니다 : : 내 코드에서 떨어지게 잘못된

<div class="row"> 
 
    <div class="col-md-2"></div> 
 
    <div class="col-md-8"> 
 
    <div class="address"> 
 
     <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#ordine">Invia ordine</button> 
 
    </div> 
 
    </div> 
 
    <div class="col-md-2"></div> 
 
</div>

했을 여기 내 코드? 누군가가 나를 고칠 수 있습니까?

Answer 1

당신은 당신의 머리 부분이 포함해야합니다

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

작동하도록 코드.