Javascript 将SQL中的表输出设置为相应的引导列

我正在使用SQL和PHP在一个简单的html表格中创建一个充满数据的表格。这一切都很好，但我正试图在bootstrap3列布局中将每个项都包含在自己的div中。这里的问题是，这需要以不重复的顺序添加行/列。请参阅JSFIDLE以查看我试图实现的网格布局

使用foreach，我可以在一个简单的表中很好地显示数据。我的问题是，使输出格式像JSFIDLE一样的最佳途径是什么？任何提示都将不胜感激！我想我需要一些JS来实现这一点？谢谢你抽出时间

注意使Javascript选项卡变薄以查看实际效果，否则它会被包装。

数据库项目1

关于这个项目的细节



数据库项目2

关于这个项目的细节



数据库项目3

关于这个项目的细节



数据库项目4

关于这个项目的细节



数据库项目5

关于这个项目的细节



数据库项目6

关于这个项目的细节

您不需要任何javascript，只需根据迭代次数迭代并关闭行div即可

echo '<div class="container-fluid">';
for($i=1; $i < count($array) + 1; $i++) {
     if(is_int(($i - 1) / 3) || ($i - 1) == 0) {
         echo '<div class="row">';
     }
     echo '<div class="col-md-4">';
     echo '<h2>'. $array[$i]['item_name'].'</h2>';
     echo '<p>'.$array[$i]['item_descrption'].'</p>';
     echo '<p><a class="btn" href="#">View details »</a></p>';
     echo '</div>';
     if(is_int($i/3) {
        echo '</div>';
     }
 }
 echo '</div>';

echo'；
对于（$i=1；$i”；
回声“
”；
回声'；
如果（是整（$i/3）{
回声'；
}
}
回声'；

echo '<div class="container-fluid">';
for($i=1; $i < count($array) + 1; $i++) {
     if(is_int(($i - 1) / 3) || ($i - 1) == 0) {
         echo '<div class="row">';
     }
     echo '<div class="col-md-4">';
     echo '<h2>'. $array[$i]['item_name'].'</h2>';
     echo '<p>'.$array[$i]['item_descrption'].'</p>';
     echo '<p><a class="btn" href="#">View details »</a></p>';
     echo '</div>';
     if(is_int($i/3) {
        echo '</div>';
     }
 }
 echo '</div>';