小编Gle*_*len的帖子

我正在尝试让我的网页在 Bootstrap 4 卡中显示我的所有商店商品。3 宽，深多少（我可能改天添加分页）

我有一个 php foreach 循环，可以完美地填充 bootstrap4 卡。问题是它们是垂直显示的（一个在另一个之上）。我尝试过 class= columns ，它适用于虚拟 div，但当我与 for every 循环集成时则不起作用。

我已经尝试了有关 bootstrap 文档的所有内容，但无法让卡片显示 3 宽和多少深（ foreach 和 items 控制这一点。）

我应该使用“卡片”还是使用其他东西。谢谢您的时间

    <div class="container">


    <!-- $result = my php code using x-path to get results from xml query goes here. -->
<?php 
    foreach ( $result as $elements){
  ?>



       <div class="row-fluid ">
    <div class="col-sm-4 ">
<div class="card-columns-fluid">

    <div class="card  bg-light" style = "width: 22rem; " >

      <img class="card-img-top"  src=" <?php echo $elements->pictures->picture[2]->filename  ; ?> " …