ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップとはどのようなフレームワークですか?それは何をするためのものか?

ブートストラップとはどのようなフレームワークですか?それは何をするためのものか?

藏色散人
藏色散人オリジナル
2021-12-27 17:03:465042ブラウズ

Bootstrap は、Web アプリケーションや Web サイトを迅速に開発するためのフロントエンド フレームワークです。このフレームワークは HTML、CSS、JAVASCRIPT に基づいており、美しく、完全に機能する Web サイトを迅速に構築できます。

ブートストラップとはどのようなフレームワークですか?それは何をするためのものか?

この記事の動作環境: Windows 7 システム、ブートラップ バージョン 3.3.7、Dell G3 コンピューター。

ブートストラップ フレームワークとは何ですか?それは何をするためのものか?

Bootstrap は、米国 Twitter 社のデザイナー、Mark Otto と Jacob Thornton によって開発された、HTML、CSS、および JavaScript をベースとした、シンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を可能にします。もっと早く。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 WeX5 フロントエンド オープン ソース フレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています。

Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。

Bootstrap は、2011 年 8 月に GitHub でリリースされたオープンソース製品です。

Bootstrap の内容

  • 基本構造: Bootstrap は、グリッド システム、リンク スタイル、および背景を備えた基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳しく説明します。

  • CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。

  • コンポーネント: Bootstrap には、画像、ドロップダウン メニュー、ナビゲーション、アラート ボックス、ポップアップ ボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。これについては、「レイアウト コンポーネント」セクションで詳しく説明します。

  • JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラップ プラグインのセクションで詳しく説明します。

  • カスタマイズ: Bootstrap コンポーネント、LESS 変数、jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。

ブートストラップを使用する理由

  • モバイル ファースト: Bootstrap 3 以降、フレームワークにはライブラリ全体にモバイル ファースト スタイルが含まれています。

  • ブラウザのサポート: すべての主要なブラウザはブートストラップをサポートしています。

  • 始めるのが簡単: HTML と CSS の基本的な知識があれば、Bootstrap の学習を始めることができます。

  • レスポンシブ デザイン: Bootstrap のレスポンシブ CSS は、デスクトップ、タブレット、携帯電話に適応できます。レスポンシブ デザインの詳細については、「ブートストラップ レスポンシブ デザイン」を参照してください。

  • 開発者がインターフェイスを作成するための簡潔で統合されたソリューションを提供します。

  • 強力な組み込みコンポーネントが含まれており、カスタマイズが簡単です。

  • Web ベースのカスタマイズも提供します。

  • これはオープンソースです。

サポートされるコンポーネント

Bootstrap には豊富な Web コンポーネントが含まれており、これらのコンポーネントに基づいて、美しく完全に機能する Web サイトを迅速に構築できます。これには、次のコンポーネントが含まれます:

ドロップダウン メニュー、ボタン グループ、ボタン ドロップダウン メニュー、ナビゲーション、ナビゲーション バー、パス ナビゲーション、ページング、レイアウト、サムネイル、警告ダイアログ ボックス、進行状況バー、メディア オブジェクトなど。

サポート プラグイン

Bootstrap には、Bootstrap のコンポーネントに「命」を与える 13 個の jQuery プラグインが付属しています。これには、

モーダル ダイアログ ボックス、タブ、スクロール バー、ポップアップ ボックスなどが含まれます。

推奨される学習: 「ブートストラップ ビデオ チュートリアル

以上がブートストラップとはどのようなフレームワークですか?それは何をするためのものか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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