Bootstrap Jumbotron méretezés?

Az elképesztően magaszinvonalú honlapomon Bootstrap Jumbotron elemeket helyeztem el. Összesen három darab van belőlük, azt szeretném, hogy PC-n nézve egy sorba kerüljenek, mobilon pedig egymás alá. Ezt sikerül is elérnem azzal, hogy a container row-ban minden jumbotron elé ez kerül.

<div class="col-md-12 col-lg-4">

A problémám az, hogy az elemekben különböző hosszúságú szöveg van ezért a magasságuk is eltér ami miatt PC-n tök gagyin néz ki a három különböző magasságú elem. Mobilon nyilván nem gond mert ott egymás alatt vannak.

Gondoltam kihúzom az összeset a max méretre azzal, hogy az osztályukhoz hozzáadom azt, hogy "h-100" (vagy css-ből a height-et állítom 100%-ra). Ha ezt megteszem akkor PC-n jól néz ki, mobilon viszont egybeérnek a jumbotron-ok, nincs köztük távolság úgyhogy emiatt meg akkor mobilon néz ki hülyén.

Próbáltam a jumbotron padding-bottom-ját állítani, de nem értem el vele hatást.

Ha valakinek van tippje hogyan tudnám megoldani akkor azt megköszönném.