Bootstrap 的卡片和 php 數據

Question

我使用 Bootstrap 的卡片和 php，但我不想每行顯示一張卡片

屏幕 1

我想像這樣每行顯示兩個 Bootstrap 的卡片：

屏幕 2

我能做什么 ？

這是我的代碼：

<?php 
                    $no_pharmacies_par_page = 5;
                    if (isset($_GET['page']))
                    {
                      $page = $_GET['page'];
                    }
                    else
                    {
                      $page = 1;
                    }
                    $ph = $no_pharmacies_par_page * $page - $no_pharmacies_par_page;
                    $sql_select_pharma = "SELECT * FROM pharmacies WHERE pharmacie_garde = 1 ORDER BY id desc LIMIT {$ph} ,{$no_pharmacies_par_page} ";
                    $res_sql_select_pharma = mysqli_query($dbconnection, $sql_select_pharma);
                    while ($rowpharma = mysqli_fetch_assoc($res_sql_select_pharma))
                    {
                      $id_pharma = $rowpharma['id'];
                      $nom_pharma = $rowpharma['nom_pharma'];
                      $pharma_syndicat = $rowpharma['nom_syndicat'];
                      $date_debut = $rowpharma['date_deb'];
                      $pharma_modif_date = $rowpharma['date_fin'];
                      $image_pharmacie = $rowpharma['image_pharmacie'];
                      $adresse_pharmacie = $rowpharma['adresse_pharma'];
                      $tel_pharmacie = $rowpharma['tel_pharmacie'];
                      $pharma_garde = $rowpharma['pharmacie_garde'];
                      $email_pharmacie = $rowpharma['email_pharmacie'];
                 ?>

                 <div class="card-deck">
                    <div class="card">
                      <img class="card-img-top" src="admin/images/pharmacides/<?php  echo $image_pharmacie; ?>" alt="Card image cap">
                      <div class="card-body">
                        <h5 class="card-title"><?php echo $nom_pharma; ?></h5>
                        <p class="card-text"><?php  echo substr($adresse_pharmacie, 0, 80) . "...";?></p>
                      </div>
                      <div class="card-footer">
                        <small class="text-muted"><?php echo $date_debut; ?></small>
                      </div>
                    </div>

                  </div>

          <?php } ?>

Answer 1

用這個替換您的 html 代碼，它將完成所需的工作。

<div class="container">
    <div class="row">
        <!-- Put Your For loop here to loop through your data -->
        <div class="col-6">
            <div class="card-deck">
                <div class="card">
                    <img class="card-img-top" src="admin/images/pharmacides/<?php  echo $image_pharmacie; ?>" alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title"><?php echo $nom_pharma; ?></h5>
                        <p class="card-text"><?php  echo substr($adresse_pharmacie, 0, 80) . "...";?></p>
                    </div>
                    <div class="card-footer">
                        <small class="text-muted"><?php echo $date_debut; ?></small>
                    </div>
                </div>
            </div>            
        </div>
    </div>
</div>