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-分割ボタンドロップダウ […]
Button groups(ボタングループ表示) ボタングループを表示します。 Bootstrap3から機能が追加されています。 サンプル01-ボタングループ表示 サンプル02-ボタンツールバー表示 サンプル03-表示サ […]
Dropdowns(ドロップダウンメニュー) ドロップダウンメニューを表示します。 背景色・文字色の指定は出来ないため、色を変更したい場合は自身にてCSSの追加・修正が必要です。 サンプル01-ドロップダウン表示 サンプ […]
Glyphicons(アイコン表示) 指定されたアイコンを表示します。 Bootstrap2では画像でしたがBootstrap3からはwebフォントになっていますので、アイコンのサイズや色を変更できます。 Bootstr […]
© Copyright 2024 GreenApple-Room