端末環境に応じたレイアウトを調整。Bootstrap-3の表示確認（テーマ：ベルリンの壁）

端末環境に応じたスクリーン幅で表示　bootstrap-3（ブートストラップ-3）

　　このページのウインドウ幅を伸縮すると動作を確認できます。お試しください。

▼ベルリンの壁　1990年10月3日に東西ドイツが統一されました。渡欧した際に撮った写真です。

▼東ドイツ側の壁に描かれた作品　作者：トーマス・クリンゲンシュタインの「日本地区への迂回路」（DETOUR TO THE JAPANESE SECTOR）

西ドイツでは、ベンツタクシーが走っているのに対し東ドイツでは、トラバント（Trabant）が走っているのが印象的でした。東ドイツ側の壁に世界平和をテーマとして、世界中のアーティストが描いたアートの中にトーマス・クリンゲンシュタインの作品「日本地区への迂回路」（DETOUR TO THE JAPANESE SECTOR）が描かれていいました。現在、文化財保護物件として「イーストサイトギャラリー」と呼ばれています。

▼ Berlin（角丸）

「日本地区への迂回路」（DETOUR TO THE JAPANESE SECTOR）

▼ Berlin（枠付）

東ドイツ側の壁に世界平和をテーマとして、世界中のアーティストが描いたアートの中にトーマス・クリンゲンシュタインの作品

▼ Berlin（まる画像）

現在、世界中のアーティストが描いたアートが「イーストサイトギャラリー」に文化財保護物件として保存されています。

▼ Berlin（修飾なし）

「日本地区への迂回路」（トーマス・クリンゲンシュタインの作品）

アイコン 200種類

200種類のiconは、bootstrap.css ファイルの 2700行～3500行にあります。アイコンは2700行のasteriskから3500行のglyphicon-tree-deciduousまでを表示しています。電話のicon classは3436行にあります。カレンダーのicon classは3144行にあります。

ボタンのclass

サンプル認証フォーム btn btn-primary　　　　　サンプル class：btn-default 　　　　　　　　サンプル class：btn-success

サンプル class：btn-info 　　　　　　　　　　　サンプル class：btn-warning 　　　　　　　　　　サンプル class：btn-danger 　　　　　　　　　サンプル class：btn-link

（サイズの記述：btn-lg、btn、btn-sm、btn-xs 　色の記述：btn-primaryt、btn-default、btn-success、btn-info、btn-warning、btn-danger、btn-link）

　　お知らせ（サンプル表示）　glyphicon-user

Bootstrap3のサンプル表示です。　 It is sample indication of Bootstrap3.

　　新着情報（サンプル表示）　glyphicon-th-list

2014/02/01: Bootstrap(3.0.3) のサンプル表示です。　It is sample indication of Bootstrap3.
2014/01/01: Bootstrap(3.0.3) のサンプル表示です。　It is sample indication of Bootstrap3.

端末環境に応じたスクリーン幅で表示 bootstrap-3（ブートストラップ-3）