Как сделать так, чтобы в шаблонах django bootstrap карточка всегда оставалась одной и той же высоты

Я работаю над проектом Django и в шаблонах я использую bootstrap для стилизации и использования карточек. Я хочу, чтобы все карточки были одинаковой высоты, и я также использовал min height, но это не работает.

Вот мой html:

 <section class="devlist">
        <div class="py-5">
            <div class="container">
                <div class="row hidden-md-up">
                    {% for profile in profiles %}
                    <div class="col-md-4">
                        <div class="card" style="width: 18rem;">
                            <img src="{{ profile.profile_image.url }}" class="card-img-top"
                                alt="...">
                            <div class="card-body" style="min-height: 441px;">
                                {% if profile.name|length > 13 %}
                                <h5 class="card-title">{{profile.name|slice:"13"}}...</h3>
                                {% else %}
                                <h5 class="card-title">{{profile.name}}</h5>
                                {% endif %}

                                {% if profile.short_intro|length > 25 %}
                                <h6 class="card-subtitle text-muted">
                                    {{profile.short_intro|slice:"40"}}...
                                </h6>
                                {% else %}
                                <h6 class="card-subtitle text-muted">
                                    {{profile.short_intro}}
                                </h6>
                                {% endif %}

                                {% if profile.bio|length > 100 %}
                                <p class="card-text">
                                    {{profile.bio|slice:"100"}}
                                </p>
                                {% else %}
                                <p class="card-text">
                                    {{profile.bio}}
                                </p>
                                {% endif %}

                                <a href="#" style="margin-bottom:1%;" class="btn btn-primary">Go
                                    somewhere</a>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </section>

Как я могу сделать все карточки одинаковой высоты независимо от содержания

Вернуться на верх