Bootstrap3 と Bootstrap4 の違いについての簡単な説明

青灯夜游
リリース: 2021-06-16 18:01:32
転載
2472 人が閲覧しました

この記事では、Bootstrap3 と Bootstrap4 の違いを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

Bootstrap3 と Bootstrap4 の違いについての簡単な説明

#Bootstrap3 と Bootstrap4 の違い

##Bootstrap3 Bootstrap4 前処理の削減bootstrap3 には、順番に合計 4 つのグリッド タイプがあります: Bootstrap 4 には、次の順序で合計 5 つのグリッド タイプがあります。 bootstrap3 のグリッド システムはフローティング (フロート) レイアウト方式を使用します単位はpxを使用します

Sass の前処理

Extra small (col-xs-) (<=768px)

small (col-sm-) ( >=768px)

中(col-md-) (>=992px)

大(col-lg-) (>=1200px)

#Extra small (col-) (<576px)

Small (col-sm-) (> ;=576px)

中(col-md-) (>=768px)

大(col-lg-) (>=992px)

特大(col-xl-) (>=1200px)

Bootstrap 4 は弾力性を使用しますボックスモデル(フレックスボックス)のレイアウト方法
単位はrem、emを使用します(一部のマージンやパディングはpxを使用します) )
Bootstrap4 の機能

    新しいグリッド層はモバイル端末に適合します;
  • ES6 の新機能の包括的な紹介 (すべての JavaScript プラグインの書き換え);
  • css ファイルは少なくとも 40% 削減;
  • すべてのドキュメント すべて Markdown エディターで書き換えられます;
  • Internet Explorer 10 以降をサポートしますが、IE9 はサポートしません (ほとんどのドキュメントは互換性があっても、まだサポートされていません)推奨);
  • プログラミング関連の知識については、
プログラミング ビデオ

をご覧ください。 !

以上がBootstrap3 と Bootstrap4 の違いについての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート