循环引导对象显示

Question

我有一个CSS的小问题，我不明白它可以来的地方...我想在每行显示3张图像，我可以从我的信息库中出来。但没有按计划进行。有人能阻止我吗？我不知道我犯了什么错误。 我的代码：

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

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

    <section id="objets">
        <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/mario.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>
    </section>
    </div>
</div>



{% endblock %}      

包含4个对象的视图： List of 4 objects

带有0对象的视图：0 object

似乎所有的对象都在同一个方块中而不是在4个不同的方框中我不明白为什么......一个想法？