Bootstrap の flex についてメモ

Flex · Bootstrap の話。

（BootstrapのDocument（上記リンク）より）

• d-flex でブロックレベルの入れ物を作って、flex-row (横) / flex-column (縦)で並べる方向を指定して、その中に子要素を並べていくイメージ
• 孫要素以下は影響を受けない。子要素のみに影響する。
• justify-content-center で子要素を「中央」に配置できるが、この時、水平・垂直どちら方向の中央になるかは flex-row か flex-columnかによる。
  flex-row なら横方向の中央、 flex-columnなら縦方向の中央に配置される
  （これでだいぶはまりました…常に横方向の位置を指定するクラスだと思い込んでいて）