[英]How to make PHP insert a new div after 5 Items in Bootstrap grid
好的,所以我在必須在頁面上顯示25個項目的地方工作,但是當我這樣做時,它將破壞Bootstrap網格系統。 寫5個項目后,如何讓PHP創建新的div。
主要PHP代碼:
if(isset($_GET['span'])){
echo "3";
$grp = $_GET['span'];
if($grp==1){
$getGames = "SELECT * FROM tbl_games WHERE tbl_games.games_id < 6";
}else if ($grp==2){
$getGames = "SELECT * FROM tbl_games WHERE tbl_games.games_id > 5 AND tbl_games.games_id < 11";
}else if ($grp==3){
$getGames = "SELECT * FROM tbl_games WHERE tbl_games.games_id > 10 AND tbl_games.games_id < 16";
}
else if ($grp==4){
$getGames = "SELECT * FROM tbl_games WHERE tbl_games.games_id > 15 AND tbl_games.games_id < 21";
}else if ($grp==5){
$getGames = "SELECT * FROM tbl_games WHERE tbl_games.games_id > 20 AND tbl_games.games_id < 26";
}
}else if(empty($_GET['userSearch'])){
echo "4";
$getGames = "SELECT * FROM tbl_games WHERE games_id <6";//Will Display 5 items
//$getGames = "SELECT * FROM tbl_games";//Will Display all items
}
$getQuery = mysql_query($getGames);
//Step 2
$numRows = mysql_num_rows($getQuery);
正文標簽中的代碼:
<?php
if($numRows==0){
echo "No go. ".$srch." was not found";
}else{
while($result = mysql_fetch_array($getQuery)) {
echo "<div class=\"span2\">";
echo "<img src=\"images/".$result["games_img"]."\" >";
echo "<h3>".$result["games_name"]."</h3>";
echo "<p>".$result["games_price"]."</p>";
echo "<p>".$result["games_avail"]."</p>";
echo "<div>";
echo "<a href=\"gamedetails.php?id=".$result["games_id"]."\">
More Details...</a><br><br>";
echo "</div>";
echo "</div>";
}
}
?>
謝謝
在while循環之前添加一個計數器,並使用模函數檢查是否在第5個循環中。
$counter = 0;
while (){
$counter++;
// do normal loop stuff here
if($counter%5 == 0) {
// add your closing and opening div here
if($counter == 25) {
// you might not want to open a new div on the 25th loop
}
}
}
模運算符在這種情況下非常好。 做類似的事情:
echo '<div>';
for ($i = 0; $i < 25; $i++) {
if ($i % 5 === 0 && $i !== 0) {
echo '</div><div>';
}
// Do output here
}
echo '</div>';
這是每5次打印一次新的div。 對於您的情況,請跟蹤已完成的記錄數,並將其用作比較。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.