Bootstrapとは？（2）
マルチデバイスに対応したレスポンシブWebデザイン
パソコン／タブレット／スマートフォンなどデバイスが異なる場合も、それぞれに応じた適切なユーザインターフェースを表示できます。また、マルチデバイスで動作させることを想定しているため、ブラウザの種類やバージョンでの差異を吸収してくれるのが特徴です。
豊富なテンプレートやプラグイン
Bootstrapが提供しているUIコントロール以外にも、手軽に使えるプラグインがたくさんあります。無償／有償のものが数多く提供されており、要件に合うUIコントロールを一から作成する手間が省けます。
・Home of free code snippets for Bootstrap | Bootsnipp.com
Bootsnippのコントロールの一例
Bootstrapで提供されているコントロールの例をいくつか紹介します。
Google Style Login
Googleのログイン画面のようなスタイリッシュな画面を作ることができます。
Google Style Login
Bootstrap NavBar
クライアント系のアプリケーションによくある階層構造をもつメニューバーです。
Bootstrap NavBar
Microscope For Images
画像を拡大して表示したいときに虫眼鏡を表示するコントロールです。
Microscope For Images
Bootstrap Snipp for Datatable
業務系アプリケーションでよくありがちな、一覧データを更新／削除したりするための画面です。
Viewing snippet Bootstrap Snipp for Datatable | Bootsnipp.com
Bootstrap Snipp for Datatable
また、Bootstrapのテンプレートも、数多く提供されています。BootstrapはCSSフレームワークなので、CSSの差し替えだけで、色味や配置などのデザイン全体を大きく変えることができます。
例えば、アプリ全体のイメージなどは顧客の好みによることも多いため、実際の画面をレビューしながら開発を進めることができるのもうれしい点です。
次の例は「Bootswatch」で提供されているCSSの一例です。
Bootswatchの一例
