spring of life

技術、ときどき日常のブログ(予定)

ブロックの上下中央寄せ

少し前から bootstrap を使ってるけど、ブロックの上下中央寄せって用意されてない気がしていろいろ調べてみた。
やっぱり自分で作らないといけないっぽい?みたいで↓のような感じでできた

<div class="row row-center">
  <div> ... </div>
  <div> ... </div>
</div>
.row-center {
    display: flex;
    align-items: center;
}
  • flexrowは bootstrap に用意されてるもの

参考:
stackoverflow.com