JavaScript 強化チュートリアル - ブートストラップ

この記事は、H5EDU 組織の公式 HTML5 トレーニング チュートリアルであり、主に以下を紹介します: JavaScript 拡張チュートリアル - Bootstrap
Bootstrap の概要
Bootstrap とは?
Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。
歴史
Bootstrap は Twitter の Mark Otto と Jacob Thornton によって開発されました。 Bootstrap は、2011 年 8 月に GitHub でリリースされたオープンソース製品です。
なぜブートストラップを使用するのですか?
モバイル ファースト: Bootstrap 3 以降、フレームワークにはライブラリ全体にモバイル ファースト スタイルが含まれています。
ブラウザのサポート: すべての主要なブラウザがブートストラップをサポートしています。
Internet Explorer Firefox Opera Google Chrome Safari
始めるのが簡単: HTML と CSS の基本的な知識があれば、Bootstrap の学習を始めることができます。
レスポンシブデザイン: Bootstrap のレスポンシブ CSS は、デスクトップ、タブレット、携帯電話に適応できます。レスポンシブ デザインの詳細については、「ブートストラップ レスポンシブ デザイン」を参照してください。
レスポンシブ デザイン
開発者にインターフェイスを作成するためのシンプルで統合されたソリューションを提供します。
強力な組み込みコンポーネントが含まれており、カスタマイズが簡単です。
Webベースのカスタマイズも提供します。
オープンソースです。
Bootstrap パッケージの内容
基本構造: Bootstrap は、グリッド システム、リンク スタイル、および背景を備えた基本構造を提供します。これについては、ブートストラップの基本構造セクションで詳しく説明します。
CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。
コンポーネント: Bootstrap には、画像、ドロップダウン メニュー、ナビゲーション、アラート ボックス、ポップアップ ボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。これについては、「レイアウト コンポーネント」セクションで詳しく説明します。
JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラップ プラグインのセクションで詳しく説明します。
カスタマイズ: Bootstrap コンポーネント、LESS 変数、jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。
オンラインサンプル
このサイトのブートストラップチュートリアルには何百ものサンプルが含まれています。
オンラインエディターを使用してオンラインでコードを編集し、実行ボタンをクリックして結果を確認できます。
ブートストラップの例

最初のブートストラップ ページ

サイズ、レスポンシブ効果を確認してください。

列 1

; あなたが学ぶのは技術だけではなく、夢でもあります！

どんなに素晴らしい夢でも、愚かな粘り強さには耐えられません。

どんなに素晴らしい夢でも、愚かな粘り強さには耐えられません。

どんなに素晴らしい夢でも、愚かな粘り強さには耐えられません。