ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >Bootstrap3 と Bootstrap4 の違いについての簡単な説明

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

青灯夜游
青灯夜游転載
2021-05-14 11:15:152517ブラウズ

この記事では、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 までご連絡ください。