bootstrap、便利ですよね。僕はずっとお世話になっています。 bootstrapの魅力はなんといってもクラスを指定するだけでコンテンツを横並びにすることができるグリッドシステムです。 でも絶対に一度はつまづく問題が「グリッドシステムで横並びにしたボックスコンテンツの高さが合わない問題」です。 ここではくわしく説明しませんが、floatプロパティを使って横並びさせた時の宿命です。 ボックスに枠線や背景色をつけなければそこまで気になりませんが、つけたい時絶対ありますよね。 このグリッドシステムで横並びさせたボックスの高さを揃える解決法をまとめます。 グリッドシステムで高さが合わない例 以下はグリッドシステムで高さが揃わないコード例です。 子要素であるinner-boxに、borderプロパティを指定します。 <div class="row"> <div class="col-sm-4">
