php - Bootstrap - 垂直显示数据库中的类别并按字母顺序排列在多行中

Question

我得到了一个类别列表，它因页面而异。一页可能只有 2 个，另一页可能有 15 或 20 个。

现在我是这样展示它们的:

<div class="row">

<div class="col-xs-4">Airbags</div>
<div class="col-xs-4">Beanbags</div>
<div class="col-xs-4">Cats</div>

<div class="col-xs-4">Dogs</div>
<div class="col-xs-4">Eagles</div>
<div class="col-xs-4">Frogs</div>

<div class="col-xs-4">Hair Clips</div>
<div class="col-xs-4">Jamaica</div>
<div class="col-xs-4">Microphones</div>

</div>

它有点难读，但是...因为它会显示为:

Airbags       Beanbags   Cats
Dogs          Eagles     Frogs
Hair Clips    Jamaica    Microphones

我想做的是显示它们垂直排序，这样它就像:

Airbags    Dogs     Hair Clips
Beanbags   Eagles   Jamaica
Cats       Frogs    Microphones

我现在打印数据的方式是这样的:

$output .= '<div class="row">';

array_multisort($names_array, SORT_ASC, $cat_array);

foreach ((array) $cat_array as $row) {
   $output .= '<div class="col-xs-3">
               <a href="' . $row['subcat_link'] . '" class="">' . 
               $row['name'] . '</a></div>';
}

$output .= '</div>';

是否有任何我不知道的简单方法来实现我想要的顺序？然而，只有当有 4 个或更多类别时，我认为......因为否则不可能用列将它们放在彼此下面。

Answer 1

我会考虑使用 array_chunk - 您将数组分成 3 个数组，然后显示每个数组中的第 $i 项:

$cat_array = array_chunk((array)$cat_array, 3);
foreach($cat_array as $column) {
    $output .= '<div class="col-xs-3">';
    foreach ($column as $row) {
       $output .= '<div class="row"><div class="col-xs-12"><a href="' . 
                  $row['subcat_link'] . '" class="">' . $row['name'] . '</a></div></div>';
    }
    $output .= '</div>';
}