Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, boa tarde!
Estou com um problema, nesse site aqui eu coloquei os produtos para exibirem em 4 colunas, porém, ele quebra o layout e só aparece 3, pois, provavelmente o width não é suficiente para colocar todos os produtos, além disso, quando eu vejo no responsivo, ele não faz um alinhamento dos produtos da coluna debaixo, por exemplo, na primeira linha tem os 4 produtos, depois, quando eu diminuir a tela, ele desce pra 3, 2 e depois 1 (de acordo com o tamanho), mas os produtos da linha debaixo, não sao alinhados com os da primeira...
Alguém pode me ajudar? Dar uma dica ou alguma coisa?
Obrigado!
Hum, é uma boa, porém, creio que vai continuar sem mostrar 3 produtos por linha... vi continuar mostrando
3 - 1... 3 - 1... 3 -1... isso eu resolvo com display inline, eu acho, porém eu não consigo enfiar ele em algum lugar que me de um resultado...
meu testei aqui no console do chrome... coloquei as classes do bootstrap (span e col-md) e não funcionaram, as outras regras devem sobreescrever alguma coisa. dae na .row, deixei apenas a regra product e span3
<div class="product span3">
.....
</div>e tirei a largura mínima do div.product (min-width: 220px;) e dae alinhou os 4 divs... testei até 1024x768 e deu certo e menor que isso ica um só.
quem sabe tu testa isso, a largura do div.product pode ser a chave do bagulho.
cara, dei uma olhada, e creio que a causa possa ser o espaçamento entre cada item do produto. por exemplo: a classe .spacer tem um padding, a classe .product tem outro... as classes .vm-col e .vm-col-4 estão sendo sobre-escritas...
eu te daria como sugestão colocar os itens dentro das colunas do próprio booststrap... dae tu poderia separar 4 itens em colunas de 3... ou 3 itens em colunas de 4 dae reduziria o tamanho do item para caber dentro das colunas, teria que ver o que dentro das possibilidades seria mais fácil e com menor mudança de código