给出保证金/填充物会影响到利润。如何在bootstrap4中避免这种情况

Question

我想在卡片中显示记录，我希望每行只包含3张卡片，这样这些卡片之间就应该有边缘空间。但当我给恩先生的时候，它会把一些卡片移到下一排。我想要的是连续显示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 (父类)，并给父div类“col 4”，它会将其分类:)