Buenos días compañero!
A ver qué te parece esta solución... Es un ejemplo tonto, pero es lo que necesitas...
<style>
div{
display:inline-block;
margin-right:20px;
}
.divPadre{
display:block;
margin:0px;
}
</style>
<div class="divPadre">
<div>div N</div>
<div>div N</div>
<div>div N</div>
<div>div N</div>
<div>div N</div>
<div>div N</div>
</div>
En definitiva, quita que salgan X columnas... Y añade a cada "item" un display:inline-block; con esto consigues que salgan uno al lado del otro, mientras haya espacio, si no hay espacio... pues pasa a más abajo.....
Si necesitas más ayuda avisa y parlamos..! :)
Un saludo compañero!
PD: Esto hubiera ido en el foro de CSS, para la próxima :)