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>