Faire flex enfant égale hauteur d'un parent à l'intérieur de la colonne de la grille

Je suis en train de construire un tableau de tarification où chaque colonne contient une carte. Je veux toutes les cartes pour l'étirer à la hauteur de leurs parents.le col) éléments.

Note: je suis en utilisant Bootstrap 4, et d'essayer de réaliser cela avec le réseau existant du système (par souci de cohérence) et avec ce morceau particulier de balisage. Je ne peux pas obtenir les cartes de grandir à la hauteur de leurs conteneurs parents. Est-ce même possible avec le balisage?

La base de balisage est-ce:

<div class="row">
    <div class="col">
        <div class="card">
          blah
          blah
          blah
        </div>
        <div class="card">
          blah
        </div>
        <div class="card">
          blah
        </div>
    </div>
</div>

Voici ma plume: https://codepen.io/anon/pen/oZXWJB

Faire flex enfant égale hauteur d'un parent à l'intérieur de la colonne de la grille

InformationsquelleAutor JCraine | 2017-02-27