昨年、8月19日はブートストラップの特別な日でした。プロジェクトの4周年だけでなく、Bootstrap 4の内部ベータ版が1年の集中的な開発の後にリリースされた日でもありました。 Bootstrap 4は、ほぼすべてのコード行を含む主要なアップデートです。
1。新機能
Bootstrap 4にはあまりにも多くの主要な更新があり、この記事はすべてをカバーすることはできません。多くの注意を引いたハイライトは次のとおりです。
LessからSASSへの移行: Bootstrapは現在、SASSファミリーに参加しています。 Libsassのおかげで、Bootstrapは以前よりも速くコンパイルをコンパイルします。
グリッドシステムの改善:新しいグリッドレイヤーを追加して、モバイルデバイスに適応し、セマンティックミキシングを再編成します。
弾性ボックスモデル(FlexBox)の選択をサポートします。これはエポック製造関数です - ブール変数が変更されている限り、FlexBoxの利点をすばやくレイアウトできます。
井戸、サムネイル、パネルは放棄され、代わりにカードが使用されます。カードはまったく新しいコンセプトですが、ウェル、サムネイル、パネルに非常に似ており、より便利です。
すべてのHTMLリセットスタイルシートを再起動に統合します: Rebootは、remormize.cssが使用できない場合は、より多くのオプションを提供します。たとえば、ボックスサイズ:ボーダーボックス、マージンの調整などは、別のSASSファイルに保存されます。
新しいカスタマイズオプション:勾配、フェード、シャドウなどのエフェクトを別々のスタイルシートでは、以前のバージョンのような別のスタイルシートではなくなりました。代わりに、すべてのオプションをSASS変数に移動します。グローバルまたは接続されていないコーナーのデフォルト効果を定義したいですか?それは非常にシンプルで、変数値を更新して再コンパイルするだけです。
IE8は、REMおよびEMユニットを使用してサポートされなくなりました。IE8のサポートを放棄すると、開発者はCSSの利点を自信を持って使用できることを意味し、CSSハックスキルやフォールバックメカニズムを研究する必要はありません。 PXユニットの代わりにREMおよびEMは、応答性のあるレイアウトやコンポーネントサイズの制御により適しています。 IE8をサポートしたい場合は、Bootstrap 3のみを使用できます。
すべてのJavaScriptプラグインを書き直す: JavaScriptの新機能を活用するには、Bootstrap 4をES6ですべてのプラグインを書き直します。次に、UMDサポート、一般的な分解方法、オプションタイプのチェック、その他の機能を提供します。
ツールチップとポップオーバーの自動位置決め:この部分は、テザーツールの助けのおかげです。
改善されたドキュメント:すべてのドキュメントはマークダウン形式で書き換えられ、いくつかの便利なプラグイン組織の例とコードスニペットが追加されています。ドキュメントの使用がより便利で、検索最適化作業も進行中です。
その他の変更:カスタムフォームコントロール、ブランク、充填クラスをサポートし、新しいユーティリティクラスなどを含みます。
上記のアップデートは、氷山の一角にすぎません。 V4バージョンには、1,100を超えるコミットと120,000行のコード更新があります。これらの更新は、V4-Alphaドキュメントで表示できます。
2。開発計画
V4バージョンのすべてのソースコードは、GitHubのV4-DEVブランチのオープンソースです。さらに、V4の開発と追跡PRがあり、マスター向けに開発される変更リストとリストを公開しています。このプロジェクトを改善するために、独自のコードを貢献できます。
全体的な開発計画とリリース計画は次のとおりです。
いくつかのアルファバージョンも継続的な改善でリリースされます。新しい機能の後に2つのベータバージョンがリリースされ、新しい機能がフルテストのために凍結されます。 2つの候補バージョンがリリースされ、生産環境で使用できるかどうかをテストします。最終バージョンがリリースされます。
また、V4を具体的に議論するSlack上のチャネルもあり、Bootstrapersをここに追加できます。
3。サポートV3
Bootstrap 3がリリースされたとき、Bootstrapはバージョン2.xのサポートを放棄し、多くのユーザーにトラブルを引き起こし、同じ間違いは2回目になりません。近い将来、開発チームはV3バグを修正し続け、ドキュメントを改善します。 V4が最終的にリリースされた後、V3のドキュメントはオフラインになりません。
4。もう1つ...
Bootstrap 4 Alphaのリリースに加えて、職員はBootstrapテーマもリリースしました。
これらのテーマには多くのエネルギーが必要であり、ブートストラップ自体のように、多くのツールセット自体があります。
開始するには、公開されたトピックには、複数使用ライセンスプロトコルを使用したダッシュボード、アプリケーション、およびマーケティングが含まれます。
ここをクリックして、より多くのトピック情報を表示してください。
5。フィードバック
1)v3.5.5(最後の安定したバージョン)で、bootstrap.min.cssは123kbであると述べましたが、新しい4.0.0alpha bootstrap.min.cssでは、祝う価値があります。
2)ダッシュボードのテーマは、表 - >注文履歴など、完全に応答していないと報告しました。
3)BootstrapはデフォルトでSASSの使用に変更されており、これにより広範な議論が発生しました。
4)一部の人々はまた、組織が古いテクノロジーをあきらめようとしている(もはやIE8をサポートしない)、尊敬に値する新しいテクノロジー(ES6)でライブラリを書き直すことをいとわないと言った。
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。