Bootstrapは、スマートフォンやタブレットなど異なるプラットフォームで一貫したページ表示を行わせる「レスポンシブデザイン」のためのフロントエンド・Webアプリケーションフレームワークです。ここでその基本的な使い方をマスターしましょう。
Bootstrapそのものの使い方は実は意外と簡単です。まずはBootstrap利用の準備を整え、基本のソースコードをしっかり頭に入れておきましょう。
「グリッドシステム」は、Bootstrapのレイアウトの「キモ」といえる部分です。これをしっかり理解すれば、レスポンシブデザインの基本はマスターできるでしょう!
Bootstrapでは、Webページに掲載する一般的なコンテンツの記述はどのように行うのか。主なものについてまとめて説明しましょう。
Bootstrapには、フォームに関する独自のデザインも用意されています。フォームの基本的なコントロール表示と、送信に使うプッシュボタンの利用について説明しましょう。
HTMLのフォーム用コントロール以外にも、Bootstrapには便利なGUIコンポーネントが用意されています。それらの使い方をまとめて覚えてしまいましょう。
Bootstrapには、ナビゲーションを行うためのGUIコンポーネントがいくつも用意されています。それらの基本的な使い方についてここで説明しましょう。
メッセージを必要に応じて表示するには、アラートやダイアログといったものが用いられます。Bootstrapには、そうした「必要に応じて表示する」コンポーネントがいくつも用意されています。それらの使い方をまとめて説明しましょう。