我使用php和mysql来检索数据库记录
while($row = mysqli_fetch_array($query)){
$id = $row["id"];
$title = $row["title"];
$search_output .= "<div class='container'>
<div class='col-md-12' style='margin: 20px 40px 20px 40px;'>
<div class='content-heading'>
<h2>$title</h2>
</div>
<div class='content-tags'>
<a href='#'>#song</a>
</div>
</div>
</div>";
} // close while loop
正如$query
中所示,我选择了表来检索数据并将其放在$search_output
中,以便每个检索到的记录都具有相同的形式,我的问题是接近{ {3}}
我想在一行中记录三条记录。但是$search_output
不是数组的区别,我只想要代表一条记录的$search_output
,
在一行中显示为三个记录。因为我需要它看起来是2行,每行3个记录(列),我只有一个变量$search_output
。
我试着写这个以显示我想要的但是它不起作用
<table>
<?php
$r = 0;
$columns = 3;
foreach($search_output as $s){
if($r%$columns == 0) $html .="<tr>";
$html .= "<td>";
echo $search_output;
$html .="</td>";
if ($r%$columns == $columns || $r++ == count($search_output)-1) $html .= "</tr>";
}
?>
</table>
这是屏幕截图:get data from backend into three columns in one row
但是当我写
时它看起来像<table><tr><td> <?php echo $search_result; ?> </td></tr></table>
有什么想法吗?
由于
答案 0 :(得分:0)
您正在使用BOOTSTRAP错误。
首先在容器 DIV之后,行 DIV丢失。
如果您想要有三列,那么 col-md-12 必须 col-md-4
12 =全列,4 =三列(12/3 = 4) 检查Bootstrap Dokumentation以获取更多详细信息。
<div class='container'>
<div class='row'>
<div class='col-md-4'></div>
<div class='col-md-4'></div>
<div class='col-md-4'></div>
</div>
</div>
和
$search_output = "<div class='container'><div class='row'>";
while($row = mysqli_fetch_array($query)){
$id = $row["id"];
$title = $row["title"];
$search_output .= "
<div class='col-md-4' style='margin: 20px 40px 20px 40px;'>
<div class='content-heading'>
<h2>$title</h2>
</div>
<div class='content-tags'>
<a href='#'>#song</a>
</div>
</div>";
}
$search_output .= '</div></div>';
但这仅在从数据库
获取 3 行时才有效