Twitter bootstrap 我如何使我的图像显示3x3,为什么最后2个转到下一行?
为什么我的3x3图像网格中的最后2个图像不转到下面的下一行,而我的图像没有显示,我该如何解决这个问题 我对这种东西还是很陌生,如果这是一个初学者的问题,很抱歉,谢谢 您有一个已定义的Twitter bootstrap 我如何使我的图像显示3x3,为什么最后2个转到下一行?,twitter-bootstrap,rows,Twitter Bootstrap,Rows,为什么我的3x3图像网格中的最后2个图像不转到下面的下一行,而我的图像没有显示,我该如何解决这个问题 我对这种东西还是很陌生,如果这是一个初学者的问题,很抱歉,谢谢 您有一个已定义的 #gallery li:nth-child(4n) { clear: left; } 在responsive.css中(可能是您正在使用的外部库) 这就是为什么你的八里(4*2)会有这种行为。您可以使用以下内容覆盖它: #gallery li:nth-child(4n) { clear: non
#gallery li:nth-child(4n) {
clear: left;
}
在responsive.css中(可能是您正在使用的外部库)
这就是为什么你的八里(4*2)会有这种行为。您可以使用以下内容覆盖它:
#gallery li:nth-child(4n) {
clear: none;
}
只需确保选择器的权重大于默认值。您可以使用array\u chunk($array,3)拆分数组
图像+描述
欢迎使用堆栈溢出!请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则,一旦问题解决,这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息,请参阅“谢谢!”!
<?php @foreach (array_chunk($array,3) as $rows){ ?>
<div class="row">
<?php @foreach ($rows as $row){ ?>
<div class='col-lg-4'> <!--split 12 column into 4x3-->
images+ description
</div>
<?php } ?>
</div>
<?php } ?>