2018年5月22日火曜日

Bootstrap の flex についてメモ

Flex · Bootstrap の話。

(BootstrapのDocument(上記リンク)より)

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

0 件のコメント:

コメントを投稿