Bonjour à vous.
J'ai un petit soucis, qui m'empêche de continuer.
J'ai aucun problème à créer un carousel. Mais lorsque j'essaye de créer des cards, dans le carousel... Les images / textes, ne sont pas alignés, les hauteurs sont différentes.
J'ai essayé tellement d'exemple, pour corrigé le problème, mais sans succès. Je croyais que les CARD-GROUP, fixerait le problème, mais sans succès.
De plus, puisque j'utilise des FORLOOP et Django, l'aide par google est assez limité.
voici un exemple:
Code HTML : 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 <section> {% for category, dict_items in results.items %} <div id={{ category }} class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators"> ... </div> <div class="container-fluid carousel-inner no-padding"> {% for items in dict_items %} <div class="carousel-item {% if forloop.first %} active {% endif %}"> {% for item in items %} <div class="card"> <div class="card-header"> <img src="{{ item.img_src }}" alt="{{ item.img_title }}"> </div> <div class="card-body"> <div class="card-content"> <div class="card-title">{{ item.price.first }}</div> <div class="card-text"> <p>{{ item.title }}</p> </div> </div> </div> </div> {% endfor %} </div> {% endfor %} </div> </div> {% endfor %} </section>
J'ai aussi essayé pour les images: card-img-top.
Ensuite, j'ai essayé avec des card-group
Les exemples que j'a trouvé sur internet, n'utilise pas Django, tout est statique. ce qui devient difficile, d'essayer les exemples, puisque j'utilises des FORLOOP.
Avez-vous une idée?
Merci de m'aider
NLT
Partager