Thumbnails(サムネイル) 外枠付きのサムネイル表示を行います。 また、説明文やボタンをセットで表示するカスタム表示もあるので、商品メニューのようなコンテンツも作成できます。 サンプル01-サムネイル表示 サンプ […]
Page header(ページヘッダ) ページヘッダを表示します。 下線だけ表示される単純なページヘッダとなります。 サンプル01-ページヘッダ表示 サンプル01-ページヘッダ表示 ページヘッダのサンプル これは補助文 […]
Jumbotron(ジャンボトロン) ジャンボトロン(ページトップなどに表示する見出しユニット)を表示します。 名前が変わりましたが、Bootstrap2でいうところのhero-unit(ヒーローユニット)です。 (ウィ […]
Badges(バッジ) バッジを表示します。 未読項目などを強調表示する時に使用します。 Bootstrap2ではバッジに色を指定出来ましたが、Bootstrap3ではグレー背景白文字のみとなります。 例外として、ピルナ […]
Labels(ラベル) ラベルを表示します。 指定された背景色で白抜きのテキストとなります。 サンプル01-ラベル表示 サンプル01-ラベル表示 Bootstrap3 default Bootstrap3 primary […]
Pagination(ページ送り) ページ送りを表示します。 複数に渡るページを移動する際に使用する、ナビゲーション表示です。 PHPやJavascriptなどで動的に記述するのが一般的かと思われます。 サンプル01-ペ […]
Breadcrumbs(パンくずリスト) パンくずリストを表示します。 Bootstrap3から仕切りの/が自動で挿入されるようになりました。 サンプル01-パンくずリスト表示 サンプル01-ラベル表示 Home Lib […]
Navs(ナビゲーション) ナビゲーションを表示します。 タブナビゲーション(Tabs)とピルナビゲーション(Pills)が指定できます。 サンプル01-ナビゲーション表示 サンプル02-均等サイズナビゲーション表示 サ […]
Input groups(インプットグループ) テキストベースの入力フォームの両側に、テキストや各種ボタンを追加しグループ表示を行います。 テキストの追加はよく使われている機能だと思います。 サンプル01-テキストを表示 […]
Button dropdowns(ボタンドロップダウン) ボタンドロップダウンを表示します。 ボタンを押下されるとドロップダウンを表示します。 サンプル01-ボタンドロップダウン表示 サンプル02-分割ボタンドロップダウ […]
© Copyright 2024 GreenApple-Room