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 :)