More than 1 year has passed since last update.

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

スクリーンショット 2016-10-25 19.38.18.png

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

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;
}

高さが統一されます。

スクリーンショット 2016-10-25 19.44.16.png

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.