Самозагрузка 4 ряда сетки и php @foreach

Я пытаюсь переключить сайт на Bootstrap 4 с Bootstrap3, и у меня возникают проблемы с параметром Grid «row» при вложении с циклом в цикле PHP Laravel @foreach.

Код, который я пробовал разными способами, выглядит так:

<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>

Ожидаемый результат должен выглядеть следующим образом:
Пример того, как это должно выглядеть.

И это случайный беспорядок, который я получаю, когда он сжимает все, а не распространяется на столбцы.
Пример того, что я получаю, что неправильно.

Любые идеи и помощь будут с благодарностью.

Спасибо всем заранее!