今日の標準と Web 用語では、Bootstrap は実際にはフレームワークではないと思いますが、Web サイトではそう主張しています。ほとんどの開発者は Angular、Vue、React フレームワークを検討していますが、Bootstrap は一般に「ライブラリ」と呼ばれています。
しかし、正確に言うと、Bootstrap はオープンソースのモバイル ファーストのCSS、JavaScript、および HTMLデザイン ユーティリティのコレクションであり、一般的に使用される Web 要素をゼロからコーディングするよりもはるかに高速 (かつスマート) に開発する手段を提供することを目的としています。 .
Bootstrap の成功に貢献したいくつかのコア原則:
- それは再利用可能です
- 柔軟性があります (つまり、カスタム グリッド システム、応答性のブレークポイント、列のガター サイズ、または状態の色を簡単に変更できます。経験則として、ほとんどの設定はグローバル変数によって制御されます)。
- それは直感的です
- モジュラーです (JavaScript と (S)CSS の両方がモジュラー アプローチを使用します。必要な部分だけを含めるためのカスタム Bootstrap ビルドの作成に関するチュートリアルを簡単に見つけることができます)。
- 平均以上のクロスブラウザ互換性を持っています
- すぐに使用できる Web アクセシビリティ (スクリーンリーダー対応)
- それはかなりよく文書化されています
レイアウト、タイポグラフィ、フォーム、ナビゲーション、メニュー (ドロップダウンを含む)、ボタン、パネル、バッジ、モーダル、アラート、タブ、折りたたみ可能、アコーディオン、カルーセル、リスト、テーブル、ページネーション、メディア ユーティリティ (を含む) のデザイン テンプレートと機能が含まれています。埋め込み、画像、画像の置換)、応答性ユーティリティ、色ベースのユーティリティ (プライマリ、セカンダリ、危険、警告、情報、明るい、暗い、ミュート、白)、その他のユーティリティ (位置、マージン、パディング、サイズ変更、間隔、配置、可視性)、scrollspy、接辞、ツールチップ、ポップオーバー。
デフォルトでは jQuery に依存していますが、最新の一般的なプログレッシブ JavaScript フレームワークのそれぞれによって強化された jQuery の無料のバリアントを見つけることができます。
Bootstrap の操作は、特定のクラス (または、JS フレームワークによっては、ディレクティブ、メソッド、または属性/小道具) の適用と、特定のマークアップ構造の使用に大きく依存しています。
ドキュメントには通常、簡単にコピーして貼り付けてスターター テンプレートとして使用できる一般的な例が含まれています。
Bootstrap で開発するもう 1 つの利点は、活発なコミュニティであり、豊富なテーマ、テンプレート、プラグインに変換されており、そのほとんどはオープンソースです (つまり、カレンダー、日付/時刻ピッカー、表形式のコンテンツ管理用のプラグインなど)。 MDB、ポートフォリオ テンプレート、管理者テンプレートなど、Bootstrap の上に構築されたライブラリ/コンポーネント コレクションなど...)
最後になりましたが、Bootstrap は何年にもわたって適切に維持されてきたため、本番環境に対応したアプリケーション/Web サイトにとって信頼できる選択肢となっています。