Carousel 画像などのコンテンツをスムーズに横スライド表示(自動・手動)します。 ホームページのトップ画面などで、コンテンツ紹介や商品紹介をするためによく使われています。 ここではBootstrap標準Carous […]

Wells(囲み枠) 囲み枠(外枠:グレー・背景:薄いグレー)を表示します。 サンプル01-囲み枠表示 サンプル02-囲み枠サイズを変更して表示 サンプル01-囲み枠表示 囲み枠を表示し中にコンテンツを記述します ボタン […]

Panels(パネル) パネルを表示します。 同じようなものにリストグループ・Wellsがありますが、見かけ・表示内容に差異がありますので用途に合わせてお使いください。 サンプル01-パネル表示 サンプル02-パネルに色 […]

List group(リストグループ) リストグループを表示します。 同じようなものにパネル・Wellsがありますが、見かけ・表示内容に差異がありますので用途に合わせてお使いください。 サンプル01-リストグループ表示 […]

Media object(メディアオブジェクト) Blogのコメント欄やTwitterのように、アイコン表示とメッセージがセットになったコンテンツ表示を行います。 アイコンとメッセージを並べて表示しているだけなので、クラ […]

Progress bars(プログレスバー) プログレスバーを表示します。 最新のブラウザーでない場合、プログレスバーが正しく表示されないことがあります。 進捗表示等の変化のあるプログレスバーとして動作させるには、Jav […]

Alerts(アラート) アラートを表示します。 警告メッセージなどの表示に使います。 サンプル01-アラート表示 サンプル02-アラートにクローズボタンを追加する サンプル03-アラートにリンクを表示する サンプル01 […]

Thumbnails(サムネイル) 外枠付きのサムネイル表示を行います。 また、説明文やボタンをセットで表示するカスタム表示もあるので、商品メニューのようなコンテンツも作成できます。 サンプル01-サムネイル表示 サンプ […]

Page header(ページヘッダ) ページヘッダを表示します。 下線だけ表示される単純なページヘッダとなります。 サンプル01-ページヘッダ表示 サンプル01-ページヘッダ表示 ページヘッダのサンプル これは補助文 […]

Jumbotron(ジャンボトロン) ジャンボトロン(ページトップなどに表示する見出しユニット)を表示します。 名前が変わりましたが、Bootstrap2でいうところのhero-unit(ヒーローユニット)です。 (ウィ […]