DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="col-md-4 gallery-left">
   <a data-toggle="modal" data-target="#myModal" href="#" class="b-link-stripe b-animate-go  thickbox">
      <img class="img-responsive lot" src="{% static 'img/toothbrush.jpg' %}" alt="">
      <div class="b-wrapper">
          <div class="b-animate b-from-left b-delay03 ">
              <i class="plus second"> Picture description </i>
          </div>
      </div>
   </a>
</div>
<div id="myModal" 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">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>