Diferentes disposições não estou conseguindo!
28/09/2015
0
Estou tentando mostrar as categorias de modo diferente em telas distintas dessa forma:
Telas grandes: 4 colunas
Telas médias: 3 colunas
Telas pequenas e smartphones: 2 colunas
Meu css com boootstrap eu configurei assim:
col-xs-6 e col-sm-6 - 2 colunas para as telas pequenas e smartphones;
col-md-4 - 3 colunas para as telas medias
col-lg-3 - 4 colunas paras as telas grandes
O problema é que está mostrando tudo bagunçado el algumas colunas.
Parece que "quebra" e alinha pra direita e depois continua...[img:descricao=Disposição das tr~es telas]http://arquivo.devmedia.com.br/forum/imagem/419186-20150928-175312.jpg[/img]
O que pode estar acontecendo???
Telas grandes: 4 colunas
Telas médias: 3 colunas
Telas pequenas e smartphones: 2 colunas
Meu css com boootstrap eu configurei assim:
<div id="categs" class="row">
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3" >
<p><a href="#" id="categ_nome_academias" <img src="imagens/categorias/academia.png" width="128"></a></p>
<h4>Academias</h4>
<p> </p>
<p> </p>
</div>
...
diversos divs de categorias com as mesmas configurações [img:descricao=col-lg-3]http://arquivo.devmedia.com.br/forum/imagem/419186-20150928-174752.jpg[/img](mais de 20 aqui)
</div>
col-xs-6 e col-sm-6 - 2 colunas para as telas pequenas e smartphones;
col-md-4 - 3 colunas para as telas medias
col-lg-3 - 4 colunas paras as telas grandes
O problema é que está mostrando tudo bagunçado el algumas colunas.
Parece que "quebra" e alinha pra direita e depois continua...[img:descricao=Disposição das tr~es telas]http://arquivo.devmedia.com.br/forum/imagem/419186-20150928-175312.jpg[/img]
O que pode estar acontecendo???
Jose Junior
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)
