grid bootstrap con loop php

[Montes28]

hola amigos, estoy utilizando php y boostrap, necesito que los siguientes elementos

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

queden asi

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


este es mi codigo

Código PHP:

<?php
 
$area='';
$i = 0;
?>
 
@foreach ($volcanes as $volcan)
         
              @if ($area != $volcan->observatorio_id) 
      
       
              <?php    
                  $area = $volcan->observatorio_id;
                ?>    
           
              @endif
              <div class="row">
                 <div class="col-md-2">
                    {!! $area !!}
                 </div>
              </div>      
 
 
 
<?php $i++; ?>
@endforeach
<br>
<strong>{{ $i }}</strong>
 

[Triby]

No entiendo mucho lo que estás haciendo, pero no parece tan difícil:

Código:

if valor = 1
    -- Muestras en columna1
elseif valor = 2
    -- Muestras en columna 2
etc

[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

[Triby]

Es que esto ya es más tema de CSS que de PHP, aunque falta ver si solo estás imprimiendo esa información o tienes algo más que, por cierto, los datos tabulados deberían mostrarse en tablas.