Bootstrap lightbox

Simple easy bootstrap lightbox
From http://jbutz.github.io/bootstrap-lightbox/

Public
Tested
My Own Work

Step 1:
Add line below between <head></head>
<link rel="stylesheet" href="assets/css/bootstrap-lightbox.min.css">

Step 2:
Add line below after bootstrap.js call
<script src="assets/js/bootstrap-lightbox.min.js"></script>

Step 3:
Place the lightbox window anywhere
<div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
 <div class='lightbox-content'>
  <img src="image.png">
  <div class="lightbox-caption"><p>Your caption here</p></div>
 </div>
</div>

Step 4:
Put the link to open the lightbox
<a data-toggle="lightbox" href="#demoLightbox">Open Lightbox</a>

Step 5:
Enjoy lightbox

Views 867 Downloads 359

JS+JQuery Multimedia
ANmarAmdeen
627
Revisions

v1.0