bootstrap 4网格行和php @foreach

Question

我正在尝试将一个站点从Bootstrap3切换到Bootstrap 4，并且在通过PHP Laravel @foreach循环进行循环嵌套时遇到Grid“row”选项的问题。

我以不同方式尝试的代码如下：

<div class="row">
<div class="col-12">
    <div class="row">
        @foreach($sofas as $sofa)

        @if(isset($sofa['Sub']))

        <a href="{{ Request::url() }}/{{ $sofa['Style'] }}">
            <div class="col-12 col-sm-4 col-md-3" style="padding:0 5px 0 5px;">
                <div class="product_tile">
                    <div class="product_tile_style">{{ $sofa['StyleName'] }}</div>
                    <div class="product_tile_frame">Frame {{ $sofa['Style'] }}</div>

                    <div class="product_tile_thumb">
                        <img width="200" height="140" src="/imagelib/bigthumbs/{{ $sofa['url'] }} " alt="">
                    </div>
                </div>
            </div>
        </a>

        @endif
        @endforeach
    </div>
</div>

预期结果应如下所示： Example of what it should look like.

这是随机混乱，我正在收缩所有东西，而不是扩展到列。 Example of what I am getting which is wrong.

任何想法和帮助将不胜感激。

提前谢谢大家！