Bootstrap lightbox

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