Question

我有一个有趣的问题。我正在尝试为产品页面创建网格样式布局。我正在使用PHP和bootstrap来做到这一点，但我遇到的问题是所有内容都停留在一行而不是在将4个项目添加到网格后创建新行。我尝试了不同的循环风格，没有运气，有人可以提出任何建议吗？

网格应如下所示

___ Item1 ___Item2 ___Item3 ___Item4____＆lt; ----这是新行开始的地方。

这是我的代码：

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

使用%（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++;
}

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

1 个答案: