Fazer contador que coloca uma margem no no objeto

[Luis Felipe Rebecca 0]

Fiz um sistema de enviar fotos e salvar em miniatura.

 

O problema é q quando vou apresentar as imagens em outro lugar elas apresentam uma embaixo da outra, mesmo ultrapassando o tamanho que defini pra div.

 

Obs: Uso laravel.

<div class="col-md-4" style="height:203px">
                <p align="center">
                @foreach($desmontagem->imagens as $index => $imagem)
                   <div class="col-lg-3 col-md-6 m-b-20 text-center">
                       {{ $index + 1 }}
                       <a href="{{ asset($imagem->imagem) }}" target="_blank">
                           <img src="{{ asset($imagem->imagem) }}" class="img-responsive radius">
                       </a>
                   </div>
                   @endforeach
               </p>
</div>

A ideia é que quando chegue a 2 ela vá para "segunda coluna".

 

Alguém pode me ajudar?

 

Obs: Sou iniciantes em php.

 

 

 

[Omar~ 87]

O negócio pelo que vejo está usando um framework e esse pode ser o problema.

Em todo caso use a ferramenta de inspeção do navegador e veja onde está cada box do html, pois uma ou mais está ocupando espaço desnecessário.

 

Não sei como são as propriedades dessas class col-? portanto não posso precisar o motivo (possivelmente usam float-left) por isso se alinham a esquerda não respeitando as demais box . Daí a necessidade de checar pela ferramenta de inspeção.

 

Em outro caso você está gerando o LOOP para exibir as imagens talvez falta alguma class dentro do loop (suspeito que col-md-4 deveria está sendo executado junto ao loop).

 

Entretendo a um erro de instrução, pois você tem uma tag <P> e dentro dessa tag o uso de <DIV>.

 

[Jhess 46]

A área do tópico deve ser: Javascript.

[Luis Felipe Rebecca 0]

Consegui resolver pessoal, era só fazer um jogo de colunas, juntamente com a class form-row.

 

Enfim obrigado pela ajuda Omar.

 

 

 

3 minutos atrás, Jhess disse:

A área do tópico deve ser: Javascript.

Não utilizei java para resolver o problema, somente html e css.