【今日のQ&A】Bootstrapで綺麗な配置に出来る理由【Bootstrap】

こんにちは、@codeship_techです。

BootstrapはフロントエンドのWEBアプリケーションフレームワークです。

フォームやボタン、ナビゲーションなどのWEBサイトの構成要素が、HTML・CSSのデザインテンプレートとして用意されているもので、簡単にWEBサイトを装飾することができます!

「.container1」クラスや「.container2」クラスを指定しても反映されないのはなぜか。

それはstyleでbootstrapのcssを読み込んでいるため使用できるものです。

https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css
ここにクラス名が記述されています。

つまり「.container」クラスは存在するけど、「.container1」クラスや「.container2」クラスは存在しないので、このようなクラス名を記述しても反映されないとういうわけです。

初心者がBootstrapを使用するときの何気ない疑問も深く考えすぎず簡単に理解して解決していきましょう!

授業日記についてのご意見

CodeShipの授業について「こんな事が知りたい・紹介して」というご意見・ご提案がありましたら、CodeShip公式Twitterアカウント(【CodeShip】プログラミングスクール)までDMまたはリプライにてお寄せください。