Bootstrap 4周年記念日（8月19日）にBootstrap 4のアルファ版がリリースされました。それでは、Bootstrap 4でどのような更新が行われたのか見ていきましょう！！
- LessからSassへの移行： 現在、BootstrapはSassの仲間入りをしました。Libsassのおかげで、Bootstrapのコンパイル速度は以前より速くなりました；
- グリッドシステムの改善：モバイルデバイスに適合する新しいグリッド層が追加され、セマンティックミックスインが整理されました。
- フレックスボックス（flexbox）の選択をサポート：これは画期的な機能です。1つのBoolean変数を変更するだけで、flexboxの利点を活用して素早くレイアウトできます。
- wells、thumbnails、panelsは廃止され、代わりにcardsが使用されます。：Cardsはまったく新しい概念ですが、その使い方はwells、thumbnails、panelsと非常によく似ており、さらに便利です。
- すべてのHTMLリセットスタイルシートをRebootに統合：Normalize.cssが使えない場所でもRebootを使えるようになり、より多くのオプションが提供されます。例えば
box-sizing: border-box、margin tweaksなどはすべて単一のSassファイルに格納されています。 - 新しいカスタマイズオプション：以前のバージョンのように、グラデーション、フェード、シャドウなどの効果を別々のスタイルシートに分けることはありません。代わりに、すべてのオプションが1つのSass変数にまとめられました。全体または、思いもよらない箇所にデフォルト効果を定義したいですか？簡単です。変数の値を更新して再コンパイルするだけです。
- IE8をサポートせず、remおよびem単位を使用IE8のサポートを終了することで、開発者は安心してCSSの利点を活用でき、CSSハックのテクニックやフォールバックメカニズムを研究する必要がなくなります。px単位の代わりにremとemを使用することで、レスポンシブレイアウトやコンポーネントのサイズ制御に適しています。IE8をサポートする必要がある場合は、Bootstrap 3を使い続けるしかありません。
- すべてのJavaScriptプラグインを書き直し：JavaScriptの新機能を活用するため、Bootstrap 4はすべてのプラグインをES6で書き直しました。現在はUMDサポート、汎用の破棄メソッド、オプションの型チェックなどの機能を提供しています。
- ツールチップとpopoversの自動配置を改善：この部分はTetherツールの助けに感謝します。
- ドキュメントの改善：すべてのドキュメントはMarkdown形式で書き直され、プラグインを整理するのに便利な例とコードスニペットが追加されました。ドキュメントがより使いやすくなり、検索の最適化も進行中です。
- その他の変更：カスタムフォームコントロール、スペーシング、パディングクラスをサポートし、さらに新しいユーティリティクラスなども含まれます。
v3 のサポート
Bootstrap 3のリリース時に、Bootstrapは2.xバージョンのサポートを終了したため、多くのユーザーに迷惑をかけました。同じ過ちを二度と犯しません。近い将来、開発チームは引き続きv3のバグを修正し、ドキュメントを改善していきます。v4が最終リリースされた後も、v3のドキュメントはオフラインになりません。
Bootstrap 4 alphaのリリースに加えて、公式はBootstrapテーマも発表しました。ただし、見たところすべて有料です。
今後も菜鳥教程はBootstrap 4の動向を継続的に注視し、安定版がリリースされたら、いち早く中国語チュートリアルを更新します。
関連リンク
Bootstrap 4 公式サイト：http://v4-alpha.getbootstrap.com/
Bootstrap 3 チュートリアル：http://www.example.com/bootstrap/bootstrap-tutorial.html
Bootstrap オンラインツール：http://www.example.com/try/bootstrap/layoutit/