Discussion :

[jeremy_jeremy]

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 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
{% 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="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>
        </section>
        </div>
    </div>
 
 
 
{% endblock %}

Voici les rendus,
avec plusieurs objets


Avec un objet

Avec 0 objet

Je voudrais afficher 3 ou 4 objet par ligne et puis passer à la ligne suivant ect ect
Sauf que tout semble se mettre dans la meme case... Et je ne sais pas pourquoi malheureusement ... Quelqu'un à une idée ?