ボタンをクリックしたときに表のデータからモーダルが表示されないのはなぜですか？

Question

私は原因がわかりませんが、私はきちんと私のボタンにdata-toggleとdata-targetを割り当て。私のモーダルはリスナーを持つ対応するボタンをクリックしても表示されません。それがなぜ表示されないのか？

@section ('content') 
<div class = "row"> 
    <div class = "col-md-12"> 
     <table class = "table"> 
      <thead> 
       <tr> 
        <th>Title</th> 
        <th>Content</th> 
        <th>Category</th> 
        <th>Approver</th> 
        <th>Date Sent</th> 
        <th>Action</th> 
        <th>Status</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr class = "info"> 
        <td></td> 
        <td></td> 
        <td></td> 
        <td></td> 
        <td></td> 
        <td> 
         <button type="submit" 
           class="btn btn-success glyphicon glyphicon-thumbs-up" 
           data-toggle="modal" 
           data-target="#myModal"> Approve</button> 
        </td> 
        <td></td> 
       </tr> 
      </tbody> 
     </table> 
     <div class = "modal fade" id = "myModal"> 
      <div class = "modal-dialog"> 
       <div class = "modal-content"> 
        <div class = "modal-header"> 
         <h4>Confirm Approve</h4> 
        </div> 
        <div class = "modal-body"> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
@endsection 

Answer 1

モーダルフッタはありますか？あなたはただ1つの特定のもののレイアウトのためにテーブルを使用していますか？

Answer 2

はモーダル

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content text-center"> 
     <div class="modal-header"> 
     <h2 class="modal-title" id="myModalLabel"> - content- </h2> 
     </div> 
     <div class="modal-body"> 
     -content- 
     </div> 
     <div class="modal-footer"> 
     -content- 
     </div> 
    </div> 
    </div> 
</div>