グリッドスタイルで高さを同じにする

bootstrap を使って横並びを作ろうとすると、高さがバラバラになる

高さを指定せずに揃えたいので、

col-* クラスを指定している一つ上の要素に「row-eq-height」を追加

<div class="container">
    <div class="row row-eq-height">
        <div class="col-md-2">
            テスト<br>
            テスト<br>
            ....（略）....

さらにCSSを追加

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

高さが統一されます。