1 回答

TA貢獻1951條經驗 獲得超3個贊
假設類別是類別名稱的表-您可以一次選擇所有類別,然后在查詢中使用ORDER BY子句:
$query = 'SELECT name FROM db.categories ORDER BY name ASC;';
您也可以在結果集上使用sort:
$query = 'SELECT name FROM db.categories;';
/* execute query here... */
sort($resultSet);
假設您這樣做了,那么使用引導網格就可以輕松進行樣式設置(注意小提琴中的模擬結果集):
<?php
const NUM_COLS = 4;
$numResults = count($dummyResult);
$numPerCol = round($numResults / NUM_COLS);
?>
<div class="container">
<div class="row">
<?php
for($i = 0, $col = 0; $col < NUM_COLS; $col++){
echo '<div class="col">';
for($colLimit = min($numResults, $i + $numPerCol); $i < $colLimit; $i++){
echo '<div class="row">'.$dummyResult[$i]['category'].'</div>';
}
echo '</div>';
}
?>
</div>
</div>
更容易理解,盡管示例可能更慢:
<?php
const NUM_COLS = 4;
$numResults = count($dummyResult);
$numPerCol = round($numResults / NUM_COLS);
?>
<div class="container">
<div class="row">
<?php
for($i = 0; $i < NUM_COLS; $i++){
echo '<div class="col">';
foreach( array_splice($dummyResult, 0, $numPerCol) as $row ){
echo '<div class="col">'.$row['category'].'</div>';
}
echo '</div>';
}
?>
</div>
</div>
注意:除非另作樣式,否則容器將是其父容器的100%寬度。默認情況下,列寬將相等。請參閱Bootstrap網格。
- 1 回答
- 0 關注
- 174 瀏覽
添加回答
舉報