如何使用 Bootstrap 和 PHP 创建新行？

Question

我有一个有趣的问题。我正在尝试为产品页面创建网格样式布局。我正在使用 PHP 和引导程序来执行此操作，但我遇到的问题是所有内容都保留在一行上，而不是在将 4 个项目添加到网格后创建新行。我尝试了不同的循环样式，但没有成功，有人可以就此提供任何建议吗？

网格应该是这样的

___ Item1 ___Item2 ___Item3 ___Item4____

这是我的代码：

while($temp = mysqli_fetch_assoc($result))
    {
    echo '<div class="row">';
    echo '<div class="col-md-1"> </div>';
    while($row = mysqli_fetch_assoc($result))
    {
        echo '<form action="#" method="POST">';
        echo '<div class="col-md-2">';
        echo '<div class="thumbnail">';
        echo '<img src="', $row["pictureURL"], '">';
        echo '<div class="caption">';
        echo '<h4 class="pull-right">';
        echo '</h4>';
        echo '<h4><a href="productDetails.html">', $row[number], '</a></h4>';
        echo '<p>', $row[description], '</p>';
        echo '<p>Price: $', $row[price],'</p>';
        echo '<p><input type="submit" name="add" value="Add To Cart"></p>';
        echo '</div>';
        echo '</div>';
        echo '</div>';
        echo '</form>';
    }
    echo '</div>';
}

Answer 1

在你的 while 中使用 % (Modulus) 运算符。每4行输入if条件：

$i = 0;
while($row = mysqli_fetch_assoc($result)) {
    if($i%4 == 0) {
        echo '<div class="col-md-1"> </div>';
    }
    echo '<form action="#" method="POST">';
    ....
    $i++;
}