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

Jose Junior

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar