Bootstrap

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

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

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

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

 

まとめ

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

↓↓↓

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

 

最後までお読みいただき、ありがとうございました。
ABOUT ME
ProgRiro
理系大学生です。ITベンチャーでエンジニアとして働きながら、プログラミングスクールの講師も務めています。 趣味はプログラミング。 設計からコーディング、テストまでを行い、個人開発していきたい。 研究分野はデータ分析。世の中になくてはならないようなプロダクトを作りたいと思っています。