Discussion :

[MInfo25]

Bonjour

Je fais en même temps symfony2 et Boostrap et j'ai du mal à afficher la grille d'images correctement. Je n'arrive pas à avoir le bon rendu. Je cherche depuis un moment. Quelqu'un maitrise boostrap ici ? Merci de votre aide.
Voici le rendu que j'aimerais avoir :


Mais voici ce que j'ai pour l'instant :


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
41
{% extends '::layout/layout.html.twig' %}
 
{% block body %}
    <div class="container">
        <div class="row">
            <div class="span3">
                {% include "::modulesUsed/navigation.html.twig" %}
            </div>
            <ul class="span9">
                {% for i in 0..10 %}
            <li >
                <div class="thumbnail">
                    <img src="../img/holder.png" alt="DevAndClick" width=50px height=50px>
                    <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>100,00 €</p>
                        <a class="btn btn-primary" href="#">Plus d'infos</a>
                        <a class="btn btn-success" href="panier.php">Ajouter au panier</a>
                    </div>
                </div>
            </li>
                {% endfor %}
            </ul>
 
 
            <div class="pagination">
                <ul>
                    <li class="disabled"><span>Précédent</span></li>
                    <li class="disabled"><span>1</span></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">Suivant</a></li>
                </ul>
            </div>
 
        </div>
    </div>
    </div>
{% endblock %}