Array
(
)

Diferentes disposições não estou conseguindo!

Jose Junior
   - 28 set 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:
#Código

<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 col-lg-3 (Clique na imagem para abrir em uma nova janela)(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...Disposição das tr~es telas (Clique na imagem para abrir em uma nova janela)
O que pode estar acontecendo???