bootstrap4とbootstrap3の違いは何ですか

Bootstrap は、HTML、CSS、JavaScript をベースにしたシンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を高速化します。 bootstrap4とbootstrap3の違いについては以下の記事で紹介していますので、ご参考になれば幸いです。

#bootstrap4 と bootstrap3 の違い

1. モバイル優先設定の違い

Bootstrap4:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap3:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

2. ソース コードの書き方が異なります。

bootstrap4 のソース コードは次のとおりです。 Sass 言語で書かれています bootstrap3 のソースコードは Less 言語で書かれています。

3. さまざまなグリッド システム

Bootstrap 4 には、順番に、極小 (col-)、小 (col-sm-)、中 ( Col-md-)、大 (col-lg-)、特大 (col-xl-)

bootstrap3 ラスター タイプには 4 種類があり、次に特小 (col-xs-)、小 ( col-sm-)、中型 (col-md-)、大型 (col-lg-)

4、さまざまなレイアウト方法

Bootstrap 4 はフレキシブル ボックスを使用しますモデル (フレックスボックス) レイアウト メソッドでは、オフセット列はオフセット クラスを通じて設定されます。例: .offset-md-4 は .col-md-4 を 4 列右に移動します。 ;Bootstrap3はフロートレイアウト方式を採用しており、左右の移動にはプッシュとプルを使用します。

以上がbootstrap4とbootstrap3の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。