ブートストラップ開発 - ブートストラップ入門 (01)

I. 概要

• ブートストラップのコンセプト
• 学ぶ前に必要な知識
• ブートストラップのドキュメントを確認してください
• Bootstrap のバージョン間の違いは何ですか

2 つのブートストラップの概念

• Bootstrap は、HTML、CSS、JavaScript フレームワークを使用したフロントエンド開発フレームワークです。
• Bootstrap は、応答性の高いモバイルファースト Web サイトを構築するための世界で最も人気のあるフロントエンド フレームワークです。
• シンプルで直観的かつ強力なフロントエンド開発フレームワークにより、Web 開発がより迅速かつ簡単になります。

3 学ぶ前に知識を得る必要がある

• HTML
• CSS
• JavaScript

4 ブートストラップのドキュメントを参照してください。

名前	アイコン	URL
ブートストラップ2	ブートストラップ2	ブートストラップ2
ブートストラップ3	ブートストラップ3	ブートストラップ3
ブートストラップ4	ブートストラップ4	ブートストラップ4
ブートストラップ5		ブートストラップ5

Bootstrap の 5 つの異なるバージョン

5.1 ブートストラップ 2

• デスクトップ向けに設計されています。
• 基本的な CSS コンポーネントと JS コンポーネントが含まれており、比較的シンプルです。
• レスポンシブなレイアウトはありません。
• IE6との互換性が必要

5.2 ブートストラップ 3

• モバイルデバイスをサポートするためにレスポンシブレイアウトを追加しました。
• フラットなデザイン、より簡潔かつ明確。
• SASS や LESS などのプリプロセッサと併用して、カスタマイズ オプションを追加できます。
• IE8+をサポート

5.3 ブートストラップ 4

• コンポーネントとスタイルが改善され、新しいコンポーネントが追加されました。
• 使用するコードが少なく、読み込みが速く、カスタマイズが簡単です。
• グリッド システムはカスタマイズできます。
• IE9+をサポート

5.4 ブートストラップ 5

• IE シリーズはサポートされなくなりましたが、より新しいブラウザをサポートします。
• jQuery への依存関係を削除しました。
• グリッド システムとタイポグラフィを最適化しました。
• より軽量でより簡潔なコード

6 つの参考文献

• ブートストラップ2
• ブートストラップ3
• ブートストラップ4
• ブートストラップ5