Bootstrap响应式画廊

Question

我尝试使用Bootstrap制作响应式图库。当我从数据库中获取8个图像时，它可以工作。但是当我尝试获取18时，我遇到了一个问题：空位（没有代码，没有div，只有空位）。

http://pl.tinypic.com/r/34yctfr/8

有什么不对？我不知道。

<?php foreach ($gallery as $dane) { ?> 
         <div class="col-lg-3 col-sm-3 col-xs-4" >
            <a class="thumbnail morph" href="<?php echo base_url('assets/img/galeria_sub/'.$dane->plik) ?>" data-gallery>
             <img class="img-responsive" src="<?php echo base_url('assets/img/galeria_sub/'.$dane->plik) ?>" alt="<?php echo $dane->opis;?>">
           </a> 
       </div> 
<?php } ?>

有简单的cols。

Answer 1

对于响应式bootstrap 3图像，您应该尝试：https://github.com/mainseek/bilderoResponsive-Bootstrap3-Images

您可以节省存储空间，流量和图片也能快速响应。