【今さら聞けない】Bootstrap 3と4の違い【ジェット・コーディング】

コーディング部ログ

皆さん、おつかれさまです！突然ですが、CSSフレームワーク Bootstrapを利用していますか？

すでに利用している方もいれば、
これから利用をしようと検討中の方もいるのではないでしょうか？

JetCodingは、既存サイトのコード改修業務もお引き受けしますが、Bootstrapが導入されているサイトも多いです。

そこで、本日のテーマはBootstrapについてです。

POINT: JavaScriptフレームワークで有名なjQueryに複数のバージョンがあるのと同じように、
Bootstrapにも、Bootstrap3とBootstrap4があります。

Bootstrap3は、Floatベースでしたが、Bootstrap4になり、Flexboxにも対応しています。
最近では、Flexboxが主流ですので、大変ありがたいです。

Bootstrap 3ではxs、sm、md、lgの4つでしたが、
Bootstrap4ではxlというブレイクポイントが追加されています
これによりこれまで以上にきめ細やかなレスポンシブル対応が可能になりました。

styleをhtml側のclassで柔軟に変更することが可能になったのも便利な変更点です。

新しいBootstrap４の方がいいように見えますが、
注意点としてはブラウザ対応です。
IE9以下がサポート対象外になりました。
さすがにIE9の対応求められることはナイトは思いますが...。
注意は必要です。

余談ですが、ジェットコーディングでは、
お客様の指定がなければBootstrapは利用していません。
各案件ごとに合わせて、ゼロからコーディングしています。