Bootstrap 3.3.7

Bootstrap 3.3.7

Bootstrapは、スマートフォンやタブレットなどさまざまなプラットフォームで一貫したページ表示を可能にする「レスポンシブデザイン」のためのフロントエンドWebアプリケーションフレームワークである。ここでは、その基本的な使い方を説明する。


Bootstrapの基本

Bootstrap自体の使い方は意外に簡単である。まずBootstrapを使う準備と、基本的なソースコードについて説明する。

Bootstrap 3.3.7 グリッドシステム

グリッドシステムはBootstrapのレイアウトで重要である。これを理解すればレスポンシブデザインの基本に慣れることができる。

Bootstrap 3.3.7 コンテンツの基本要素

BootstrapでWebページに載せる一般的なコンテンツをどう書くか、主要な要素を整理して説明する。

Bootstrap 3.3.7 フォームとGUIコンポーネント

Bootstrapにはフォーム向けの独自デザインも用意されている。フォームの基本コントロールと送信に使うボタンについて説明する。

Bootstrap 3.3.7 入力コンポーネント

BootstrapにはHTMLのフォームコントロール以外にも便利なGUIコンポーネントが含まれている。その使い方を説明する。

Bootstrap 3.3.7 ナビゲーションとコンポーネント

Bootstrapにはナビゲーション用のGUIコンポーネントが多数含まれている。ここでは基本的な使い方を説明する。

Bootstrap 3.3.7 アラート、ダイアログ、折りたたみ

メッセージを必要に応じて表示するには、アラートやダイアログが使われる。Bootstrapにはこのような必要に応じて表示するコンポーネントが多く含まれている。その方法を見ていく。

Bootstrap 3.3.7 その他サイトまとめ

Bootstrap関連サイト、チュートリアル、韓国語翻訳版、拡張ライブラリなどのまとめ。