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