Lightbox for Bootstrap 3

Utilizes Bootstraps modal plugin to implement a lightbox gallery - GitHub

Usage

Obviously, you need the modal component that comes with Bootstrap, and jQuery.

Via data attributes

<a href="someurl" data-toggle="lightbox">Launch modal</a>

Via Javascript

<a href="someurl" id="mylink">Open lightbox</a>
$('#mylink').lightbox(options);

Options

Name	type	default	description
source	string		If you can't/don't want to set the href property of an element, use data-source="something"
gallery	string		For grouping elements

Images taken from Instagrams "The Week on Instagram | 92"

Example #1: Single Image

Example #2: Gallery of Images

Gallery images must be wrapped in a tag (probably <div>) - which doesn't have the class .row. This is so you can create columns/rows.

Note how the final image is not in the gallery intentionally.

Example #3: Single YouTube Video

Ghostpoet - Cash and Carry Me Home (Official Video)

Example #4: Gallery of YouTube Videos

Example #5: Mixed gallery

Example #6: Programatically call

Example #7: Via data-source

Example #8: Gallery of different sized images

Example #9: Images too wide for display

All examples on this page are this example. Too high images don't count, scrolling works fine with the original modal.