Diferentes disposições não estou conseguindo!

28/09/2015

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