CSS bootstrap计算列数答案

【问题标题】：CSS bootstrap calculate number of columnsCSS bootstrap计算列数
【发布时间】：2019-04-05 12:41:39
【问题描述】：

我正在重新设计我的网站，我想在表格中显示记录，表格中上下 4 行，但需要多少行。

我有这个脚本，我已经玩了好几个小时了，但我没有得到想要的结果。其实就是一行一行的列出来。

<div class="row">
<div class="col-3 col-12-medium">

<?php 
$finditems="Coffee Mugs - Ceramic";
$servername = '';
$username   = '';
$password   = '';
$dbname     = '';
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}$sql = "SELECT * FROM inventory WHERE product_subcategory LIKE '$finditems' 
AND(product_active='Y' OR product_active='C' OR product_active='O') AND 
web_sale<>'N' ORDER BY product_name ASC";
$result = $conn->query($sql);

if ($result->num_rows > 0) {

while($row = $result->fetch_assoc()) {
    echo "<div class=''col-3 col-12-medium'>". $row["product_name"]. "  " . 
$row["product_code"]. " $" . $row["product_p1"]. "<br><img 
src='products/".$row['product_code'].".jpg' width='100' height='100'> 
</div>";
    }
} else {
echo "0 results";
}
?>
</div><div>

有些结果可能只找到 2 个项目，其他结果可能显示 10 个（取决于搜索词）。所以当有多个时，它会向右显示下一项，直到4的行被填满，然后再到下一行。我知道我遗漏了一些东西来计算它，但我只是没有找到它。

您的帮助将不胜感激。

【问题讨论】：

你可能错过了这个类，因为你有这个 class=''col-3 double '' 它关闭了类属性......只是一个猜测。
你只需要一个
，带有一个回显的 while 循环是一个
删除了多余的'
我试图做一个循环，但认为某个地方的脚本需要进行计数，然后计算出需要多少行。

标签： php css mysql html

【解决方案1】：

对于中屏设备应该是这样的

<div class="col-md-3">....</div>

将此包含在您想要在列中添加的所有 div 中。而你想要响应式网站只需添加这个

<div class="col-sm-1 col-md-3 col-lg-4">....</div>

根据需要更改数字。

【讨论】：