Question

我想在卡片中显示记录，我希望每行仅包含3张卡片，以便这些卡片之间应有空白空间。但是当我给nr先生时，它将把一些卡片移到下一行。我想要的是连续显示3张卡片，这样它们之间应该有一定的水平空间。有人可以帮我吗？

 @if(count($supervisors)>0)
    <div class="row">
        @foreach (...)
            <div class="card col-sm-4">
               <img class="card-img" src="" alt="Image Here">

               <div class="card-body ">

               </div>
            </div>
         @endforeach
    </div>
@else
    <p>No Supervisor Available</p>
@endif
@endSection

Answer 1

最后得到了解决方案。引导程序中的col-sm-n类会照顾到页边距，因此我们要做的就是添加另一个div（parent）卡，并给父div类分配“ col-sm-4”，然后它将进行整理:)

提供边距/填充会影响col-sm-n。如何在bootstrap4中避免这种情况

1 个答案: