Bootstrap

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

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

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

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

 

まとめ

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

↓↓↓

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

 

最後までお読みいただき、ありがとうございました。
ABOUT ME
ProgRiro
エンジニアとして働きながら、プログラミングスクールの講師も務めています。 趣味はプログラミング、映画鑑賞、読書、ギター。 将来、フルスタックエンジニアとなり起業を目指して勉強中。 発信力をつけるためにブログやってます。 プログラミング初心者の方を全力でサポートします。