セミナーでbootstrapを学んだので共有します。
また、グリッドシステムについて記述します
bootstrapのメリット
1.時間をかけずにレスポンシブルになる
2.CSSの知識が浅くてもOK
3.JSが一部使える
特に1は素晴らしいと感じました。今どきスマホでサイト閲覧するのは当たり前なので、サクッとレスポンシブルにできるのはありがたいですね。
ポートフォリオ作成時にはぜひ活用したいところです。
bootstrapのデメリット
1.グリッドシステムがやや難しい
2.いろんな部品があって把握できない
2はいろんなことができるというメリットにもあるのですが、どんな部品があるのかをある程度把握しておかないと使いこなせないというハードルはあると感じました。
グリッドシステムについて
グリッドシステムとは、横幅いっぱいを12カラムとしたときに何カラム分の横幅を割り当てるかを指定するだけで要素を配置していくものです。HTMLタグに以下のように記述します。
書式：col-[画面サイズ]-[カラム数]
html
col-md-3
mdがブラウザのサイズです。mdの場合は992〜1199pxです。
3はカラム数です。
codepenでbootstrapを使う方法
http://www.fran-shushoku.com/entry/2017/09/04/091149
codepenは変更するとすぐに画面に反映されるのでフロントエンドを学ぶ方にはおすすめです。