【发布时间】：2016-06-12 10:24:15
【问题描述】：
我正在使用引导网格来显示图片缩略图，其中显示的缩略图数量取决于与用户搜索条件匹配的数量。我根据屏幕的大小每行显示不同数量的缩略图，定义为：
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
然后我使用以下 PHP 构造来创建新的行 div 元素：
<?php
for ($i = 0; $i < sizeof($products); $i++):
if ($i % 3 == 0) {
if ($i > 0)
echo "</div>";
echo "<div class=\"row\">";
}
$product = $products[$i];
?>
这适用于 -md 和 -lg 但显然不适用于我需要 i%2 和 i%1 的 -sm 和 -xs。有人知道我可以从 PHP 中检索 boostrap 正在使用的列大小吗？
【问题讨论】：
-
Bootstrap 是响应式的，你不需要知道列的大小。请参阅：getbootstrap.com/css/#grid 调整浏览器窗口的大小并观察示例会发生什么。
-
您好@KIKOSoftware，感谢您的回复。事情是我仍然想控制我的行，也就是说，每行只有一定数量的缩略图。 （例如：3 或 4）当我调整浏览器元素的大小时，确实是堆叠的，但如果我说每行 3 个元素，那么这将导致一行有 2 个元素，下面有 1 个元素，下面有 2 个元素...希望这是有道理的？
-
是的，这是有道理的。一个小秘密：只需根据需要将尽可能多的列放在一行中。这可以超过 12，但 Bootstrap 将始终在 12 之后换行。在您的情况下，包含所有缩略图的一行就可以了。
标签： php html twitter-bootstrap