Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>
/monthly_2018_04/Screenshot_3.png.c3edc06225f1d12a756e4b777e395f64.png" />
A ideia é que quando chegue a 2 ela vá para "segunda coluna".
Alguém pode me ajudar?
Obs: Sou iniciantes em php.A área do tópico deve ser: Javascript.
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.
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>.