引导图像行不合适

时间:2016-03-09 17:41:32

标签: php css twitter-bootstrap-3

[已解决]

我已经使用占位符写了一个水平行的4个图像500x300,这非常合适,但是当我尝试用相同尺寸的文件夹(使用php)中的图像替换这些图像时,前2个图像容器被撞掉了,而最后两个是它们所属的位置。我已附上截图,下面的代码是我用来获取图像行的代码。

<div class="row" style="margin-top:1px">
<?php
$directory = 'images';
if (! is_dir($directory)) {
exit('Invalid diretory path');
}
$files = array();
foreach (scandir($directory) as $file) {
?>

<div class="col-sm-3 col-xs-6" >
<a href="#" >
<img  class="img-responsive portfolio-item" src="<?php echo "images/$file"; ?>" alt="">
</a>
</div>

<?php
}
?>

</div>

this is what i get in the browser

1 个答案:

答案 0 :(得分:0)

使用glob代替数组修复了问题。 PHP包含了。和目录结构的双点,因此创建2个空图像。