如何使用引导程序 4 显示来自数据库的 3 列动态数据

【问题标题】：how to display 3 columns dynamic data from database using bootstrap 4如何使用引导程序 4 显示来自数据库的 3 列动态数据
【发布时间】：2019-01-01 17:33:35
【问题描述】：

以下是我的代码，我使用 Bootstrap 类行将详细信息显示为每行 3 列。

我试着改变 div 和一些条件

<div class="container">
  <?php

  if($lclResult->rowCount() > 0){
    while($row = $lclResult->fetch(PDO::FETCH_ASSOC)) {
      # code...
      $lclUserName = $row['us_business_name'];
      $lclImage1 = $row['us_image1'];
      $lclCategory = $row['us_category'];
      $lclArea = $row['us_area'];

  ?>
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img class="card-img-top " src="<?php echo $lclImage1 ?>" alt="Card image" style="width:100%; height: 158px;">
        <div class="card-body">
          <h4 class="card-title"><?php echo $lclUserName?></h4>
          <p class="card-text" style="font-size: 25px;"><?php echo $lclCategory?></p>
          <hr>
          <i class="fa fa-map-marker" style="font-size: 23px;"><span>&nbsp;&nbsp;</span><?php echo $lclArea?></i>
          <!-- <a href="#" class="btn btn-primary">See Profile</a> -->

        </div>
      </div>


 <?php
  }
  ?>
 </div>
 <?php
 } else { 
 ?>
<div class="container">
 <div class="row">
  <div class="col-sm-12">
    <h1> NO RESULT FOUND...</h1>
  </div>
 </div>
</div>

<?php
   }
?>


   </div>  
 </div>

我想每行显示 3 列来显示数据。如果有人知道请用上面的代码指导我。

【问题讨论】：

• 你的 <div class="col-sm-4"> 应该是你的 foreach 循环的内部，你每次迭代都会打印一个整行容器。
• 如果你看到我在 while 循环中使用
• <div class="row"> 应该是外层