grid bootstrap con loop php

[Montes28]

hice lo que me recomendaste Triby, se nota que se esta imprimiendo horizontalmente, necesito es que sea vertical

Código PHP:

@foreach($volcanes as $volcan)
    @if ($volcan->observatorio_id == 1 ) 
        <div class="col-md-3">
        {!! $volcan->observatorio_id !!}
        </div>
    @elseif ( $volcan->observatorio_id == 2)
        <div class="col-md-3">
        {!! $volcan->observatorio_id !!}
        </div>
    @elseif ( $volcan->observatorio_id == 3)
        <div class="col-md-3">
       {!! $volcan->observatorio_id !!}
        </div>
    @endif
@endforeach
 

hasta el momento lo logro imprimir asi:


1 1 1
1 1 1
1 1 1
1 1 2
2 2 2
2 2 2
3 3 3
3 3

Código PHP:

<div class="row">
@foreach($volcanes as $volcan)
    @if ($volcan->observatorio_id == 1 ) 
        <div class="row">
        <div class="col-md-4">
        {!! $volcan->observatorio_id !!}
        </div>
        </div>
    @elseif ( $volcan->observatorio_id == 2)
    <div class="row">
        <div class="col-md-4">
        {!! $volcan->observatorio_id !!}
        </div>
        </div>
    @elseif ( $volcan->observatorio_id == 3)
        <div class="row">
        <div class="col-md-4">
       {!! $volcan->observatorio_id !!}
        </div>
        </div>
    @endif
@endforeach
</div>
 

le ingrese la clase row he imprimo así:


1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
2
3
3
3
3
3

leyendo un poco en Internet creo que debo de dividir un valor para que se formen las columnas