Bootdtrapで Flexboxやグリッドシステム、floatの使い分けについて。

Question

html,cssのコーディングについて。
レイアウトの組み方についてお聞きしたいんですが、Flexboxを使いこなせるようになると、bootstrapなどのグリッドレイアウトやfloatでの横並びや左右両端に配置する。といったことはFlexboxだけでできるものなのでしょうか？
それとも、いずれも組み合わせてコーディングしていくということなのでしょうか？

Comments

[kei344]

質問タグの「Flex」はCSSのことでは無いので外してください。

[m.ts10806]

「要件次第」としか言えないので具体的な目指すレイアウトとか参考にしたものとか提示されたほうがいいかもしれません（さいあくBootStrapのコード読んで勉強しては？ということになります）

Answer 1

Flexboxを使いこなせるようになると、bootstrapなどのグリッドレイアウトやfloatでの横並びや左右両端に配置する。といったことはFlexboxだけでできるものなのでしょうか？

Bootstrap 4 から、グリッドシステムの実装に flexbox が使われ、その他のコンポーネントも flexbox で書き直されています(参考)。そのため、Bootstrap のグリッドシステムのようなものは、 flexbox を使い、自分でも作成することが出来ると思います。

また、float で行う要素の配置は、たいていの場合 flexbox でも再現することが出来ます。ただし、 通常 flex アイテムはブロック化されるため、 float で行えるテキストの回り込みについては、 flexbox では再現することが出来ません。なので、 flexbox, float のどちらも使わなければならない場面はあると思います。