Wyrównanie wysokości media object w boostrap

Question

Witam
Istnieje w boostrap jakaś klasa żeby każdy obiekt miał taką samą wysokość niezależnie od tekstu? Ostatnio ogarnąłem grid i flex ale może boostrap ma już jakąś funkcję wbudowaną :) Dokumentację przeszukałem ale nic mi w oczy nie wpadło.

mój kod
https://codepen.io/wixser/pen/rNwMGMM

Z góry wielkie dzięki :)

Answer 1

Jeżeli korzystasz z bootstrapa to masz  gotowe klasy oraz komponenty do tego takie jak card , dla której dodanie klasy h-100 powoduje właśnie ustawienie równej wysokości dla wszystkich kart.

Twój kod wydaje się być nie do końca przemyślany.

1. class="col-sm-6 col-md-6" jest nielogiczne, bo jeżeli powyżej sm jest punkt przerwania to powyżej md już nie potrzeba jeżeli wartość jest ta sama (6)

2. <div class="clearfix visible-sm"></div>    po co clearfix, jeżeli nie ma float. No chyba, że gdzieś używasz.

3. <div class="row-services row-base row">
            <div class="row-flex">...

Rząd w rzędzie - nie ma takiej konstrukcji w html.

Ogólnie jak dla mnie wystarczy użyć układu kart podanych w dokumentacji , układu siatki dla całości komponentu bo po to używa się takich narzędzi jak BT żeby nie pisać dodatkowych styli.