Button groups(ボタングループ表示) ボタングループを表示します。 Bootstrap3から機能が追加されています。 サンプル01-ボタングループ表示 サンプル02-ボタンツールバー表示 サンプル03-表示サ […]

Dropdowns(ドロップダウンメニュー) ドロップダウンメニューを表示します。 背景色・文字色の指定は出来ないため、色を変更したい場合は自身にてCSSの追加・修正が必要です。 サンプル01-ドロップダウン表示 サンプ […]

Glyphicons(アイコン表示) 指定されたアイコンを表示します。 Bootstrap2では画像でしたがBootstrap3からはwebフォントになっていますので、アイコンのサイズや色を変更できます。 Bootstr […]

Responsive utilities デバイス別に利用できるユーティリティクラスです。 各クラスを指定することにより、デバイス表示サイズ別にVisible(表示)・Hidden(非表示)を制御することが可能です。 R […]

Helper classes 配置や表示関連のサポート系のクラスです。 サンプル01-文字・背景色の定義 サンプル02-特殊な文字表示 サンプル03-Floatの設定 サンプル04-Blockのセンタリング サンプル05 […]

イメージを表示します。

Buttons Bootstrapのボタンスタイルを適用します。 ここではボタンスタイルに関する説明だけですので、ドロップダウンボタンやボタングループ等はComponentsの各説明をご覧ください。 サンプル01-ボタン […]

Tables テーブルを表示します。 各機能を同じテーブルで使う時は、それぞれのクラス名を記述して下さい。 サンプル01-テーブル表示(通常表示) サンプル02-テーブル表示(ストライプ表示) サンプル03-テーブル表示 […]

Code 指定した範囲の単語・文章などをわかりやすくするものと、ソースコードなど複数行を表示する時に使用するものがあります。 指定方法に違いがあるので気をつけてください。 サンプル01-コード表示ツール(指定範囲) サン […]

Typography 文字の体裁に関しての説明です。 使い方は通常のHTMLとほぼ同じですが、Bootstrapのスタイルが適用され見かけが変更されていたりする物もあるので注意してください。 見出し 本文 インラインテキ […]