ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップ フレームワークを使用する理由

ブートストラップ フレームワークを使用する理由

藏色散人
藏色散人オリジナル
2019-07-13 11:02:294029ブラウズ

ブートストラップ フレームワークを使用する理由

Bootstrap は、Web サイトおよび Web アプリケーション開発用のオープンソース フロントエンドのセットです (いわゆる「フロントエンド」とは、エンド ユーザーに表示されるインターフェイスを指します。対応する「バックエンド」(サーバー上で実行されるコード)フレームワークには、HTML、CSS、JavaScript フレームワークが含まれ、フォント タイポグラフィ、フォーム、ボタン、ナビゲーション、その他のさまざまなコンポーネントと Javascript 拡張機能を提供し、動的な Web の開発を目的としています。ページと Web アプリケーションをより効率的かつ簡単に。

Bootstrap は、GitHub で 4 番目に「スター付き」プロジェクトです。出演回数は133,000回以上、分岐回数は65,000回以上。

ブートストラップ フレームワークを使用する理由

ブートストラップは、標準化された CSS プラグインと JavaScript プラグインで構成されるフロントエンド開発フレームワークであり、その最大の利点は応答性の高いレイアウトです。これにより、開発者はデスクトップ、タブレット、携帯電話で Web ページに最高のエクスペリエンスを簡単に提供できるようになります。ブートストラップには、次の点で大きな利点があります。

1. グリッド システム

ページは、最適な状態に調整できます。ユーザーの画面サイズに応じて、どのサイズでも適切なパフォーマンスが得られるようにします。この関数の実装は 2 つのことに依存します。1 つはビュー、もう 1 つは max-width と min-width です。

2. CSS モジュール化

Bootstrap では多くの CSS クラスが事前定義されており、それらを使用する場合は、text-left、text-align、.table wait などの対応するクラス名をクラスに与えるだけです。 。最も代表的なのは btn クラスです。Bootstrap は .bt 基本クラスを定義します。他のスタイルが必要な場合は、この基本クラスを拡張してさまざまな視覚効果を実現できます。

3. プラグインは使いやすい

Bootstrap のプラグイン開発モデルは JavaScript 開発モデルと非常によく似ており、最初に main 関数を実装するクラスを定義し、次にプラグイン関数を定義します。 、この関数を拡張します。JQuery プロトタイプに移動し、最後に委任を通じてイベントを特定の要素にバインドします。

しかし、Bootstrap にはブラウザの互換性の問題があり、IE6 とは完全に互換性がありません。

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

以上がブートストラップ フレームワークを使用する理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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