Twitter bootstrap 我如何使我的图像显示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

为什么我的3x3图像网格中的最后2个图像不转到下面的下一行,而我的图像没有显示,我该如何解决这个问题

我对这种东西还是很陌生,如果这是一个初学者的问题,很抱歉,谢谢

您有一个已定义的

#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 } ?>