ホームページ > 記事 > ウェブフロントエンド > ブートストラップとはどのようなフレームワークですか?それは何をするためのものか?
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 サイトの他の関連記事を参照してください。