ホームページ  >  記事  >  ウェブフロントエンド  >  bootstrap3と2の違いは何ですか

bootstrap3と2の違いは何ですか

WBOY
WBOYオリジナル
2022-02-11 15:02:221995ブラウズ

bootstrap3 と bootstrap2 の違い: 1. bootstrap3 にはモバイル デバイス優先のスタイルが含まれていますが、bootstrap2 には含まれていません; 2. bootstrap3 はフラット デザイン スタイルを採用し、bootstrap2 はグラデーション バンプ スタイルを採用しています。

bootstrap3と2の違いは何ですか

このチュートリアルの動作環境: Windows10 システム、bootstrap3.3.7 バージョン、DELL G3 コンピューター

bootstrap3 と 2 の違いは何ですか?

Bootstrap は、HTML、CSS、JavaScript をベースにしたシンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を高速化します。

Bootstrap は、レイアウト、グリッド、テーブル、フォーム、ナビゲーション、ボタン、プログレス バー、これらのコンポーネントに基づいて、美しく完全に機能する Web サイトを迅速に構築できます。 Firefox、Chrome、Safari などの主流のブラウザは W3C 標準を適切にサポートしているため、Bootstrap は Web ブラウザの互換性の点でも非常に優れています。

ブートストラップ 2 と 3 の違い

1. ブートストラップ 3 以降、フレームワークにはライブラリ全体にわたってモバイル デバイス優先のスタイルが含まれています。

つまり、レスポンシブ テクノロジーを使用して、Web サイト構築プロジェクトに優れた視覚効果と PC、タブレット、携帯電話でのユーザー エクスペリエンスを同時に実現したい場合は、手間をかけずに実行できます。 . Bootstrap3にするか迷いました。

2. Bootstrap2 はグラデーション凹凸スタイル、Bootstrap3 はフラットデザインスタイルを採用

グラデーション凹凸スタイルがお好みの場合は、開発には Bootstrap2 を使用しますが、フラットなデザイン スタイルが好きな場合は、Bootstrap3 を使用できます。

3. Bootstrap3 は Bootstrap2 よりもブラウザ互換性が優れています

IE8 または IE7 および IE6 との互換性が必要な場合は、Bootstrap2 自体を選択することしかできません。 IE6での効果も完璧ではありません。

bootstrap3 と Bootstrap2 の違い

Bootstrap3 と Bootstrap2 の最大の変更点は、モバイル優先、フラット デザイン、およびブラウザ互換性です。

Bootstrap2 はグラデーションバンピースタイルを採用し、Bootstrap3 はフラットデザインスタイルを採用しています。

ブラウザ互換性の観点

ブラウザ互換性は、常にフロントエンド エンジニアにとって悩みの種でした。IE8、IE7、さらには IE6 の国内シェアにより、多くの Web アプリケーションがそれらと互換性を持たざるを得なくなりました。 。

したがって、フレームワークを選択する前に、顧客ベースを理解し、互換性について選択する必要があります。

関連する推奨事項: ブートストラップ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。