[Résolu] CSS/HTML boucle for probleme affichage image

Bonjour, j'ai un petit probleme de CSS/HTML et je ne comprends pas d'ou ça peut venir... Je voudrais afficher 3 images par lignes sous lesquels je peux ressortir de ma base des infos. Mais rien ne se passe comme prévu c'est la cata. Quelqu'un pourrait me débloquer ? Je ne sais pas ou j'ai fais ma bêtise.

Voici mon code :

 
{% extends 'index.html.twig' %}

{% block body %}
    <div id="startchange">
        <div class="portfolio-item">

            <div class ="title">
                <p class="titre">List client</p>
            </div>

            <div class="row">
                {% for client in clients%}

                    <div class="col-xs-4 col-sm-3 col-md-3">
                        
                        <img class="img-responsive img-circle" src="img/logos/pegasus.png" >
                        <div class="description">
                            <p class="nom"> Surname : </p>
                            <p class="type"> {{client.surname}}</p>

                            <p class="nom"> First name : </p>
                            <p class="type"> {{client.firstname}}</p>

                        </div>

                    </div>


                {%endfor%}
            </div>
        </div>
    </div>



{% endblock %}

Voici une photo du rendu...
https://www.noelshack.com/2017-24-2-1497340228-resultat1.png

Je cherche à avoir 3 image par ligne et puis que ça passe à la ligne suivante etc etc ... Mais la ça veut pas... Apres une longue nuit à me creuser la tete je suis un peu désespéré
Modifié par jez13 (13 Jun 2017 - 11:30)