Bootstrap

【BootStrap】なぜBootStrapはクラス名を書いただけで綺麗な配置になるのか

これを理解していると、配置に困った時やなかなかスタイルが反映されない時に、自分で解決できるようになります。

この機会にぜひ、なぜBootStrapはクラス名を書いただけで綺麗な配置になるのかを理解してください。

試しに、Command+F で検索してみましょう。
上画像のように、bootstrap.css 内で既に container クラスが定義されていることが分かります。
「.container」は存在するが「.container1」や「.container2」は存在しないので、Bootstrapのファイルに記述されていないクラス名を記述しても、反映されない理由もこれで分かるかと思います。
また、メディアクエリも定義されていることからレスポンシブにも対応していることが分かりますね。

 

まとめ

なぜBootStrapはクラス名を書いただけで綺麗な配置になるのか。

↓↓↓

bootstrapのcssを読み込んでいるから

 

最後までお読みいただき、ありがとうございました。
ABOUT ME
ProgRiro
M0 / Frontend / Data Analytics / GCI2020 / FE / JS TS React ReactNative Node Python / Atomic design / DDD / Clean Architecture