ブートストラップモーダルが開きますが表示されません

Question

ブートストラップモーダルに問題がありますが開きますが表示されません。しかし、そこにはすべての要素があります。私のために正常に動作し

<button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary backcolor"><i class="fa fa-angle-right"></i> <span>View Profile</span></button> 

       <!-- Modal --> 
       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
         <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
        </div> 
        <div class="modal-body"> 
         ... 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
         <button type="button" class="btn btn-primary">Save changes</button> 
        </div> 
        </div> 
       </div> 
       </div> 

Answer 1

その..

<meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary backcolor"><i class="fa fa-angle-right"></i> <span>View Profile</span></button> 
 

 
       <!-- Modal --> 
 
       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
 
       <div class="modal-dialog"> 
 
        <div class="modal-content"> 
 
        <div class="modal-header"> 
 
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
 
         <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
 
        </div> 
 
        <div class="modal-body"> 
 
         ... 
 
        </div> 
 
        <div class="modal-footer"> 
 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
         <button type="button" class="btn btn-primary">Save changes</button> 
 
        </div> 
 
        </div> 
 
       </div> 
 
       </div>