Вы можете использовать bootstrap для разработки галереи и php для динамического получения изображений.
Вместо того, чтобы помещать статическое изображение, используйте php для загрузки изображений из базы данных или URL.
СМОТРИТЕ НАШУ РАБОТУ
<span class="col-lg-4 col-md-5 col-sm-6 col-xs-12 col-lg-offset-4 col-md-offset-4 col-sm-offset-3 title-service-inner">
Vestibulum elementum ex ullamcorper ligula vulputate
</span>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/slider1.jpg"alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/slider2.jpg"alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/slider3.jpg"alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/bg_image1.jpg" alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/bg_image2.jpg" alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/bg_image3.jpg" alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/bg_image.jpg" alt="Generic placeholder thumbnail"/>
</a>
</div>
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="/theme_mytheme/static/src/img/bg_image5.jpg" alt="Generic placeholder thumbnail"/>
</a>
</div>
</div>
</div>
Других решений пока нет …