HTML
<div class="image-gallery">
<ul class="row">
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-800x600.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-800x600.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/regatta-1200x900.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/library-1200x900.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-640x480.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/library-800x600.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/regatta-640x480.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-640x480.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-1200x900.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/regatta-800x600.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/library-640x480.jpg">
</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-4">
<img class="img-responsive" src="../../placeholders/images/sbu/sac-1200x900.jpg">
</li>
</ul>
<div class="image-gallery--modal fade modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>