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のスタイルが適用され見かけが変更されていたりする物もあるので注意してください。 見出し 本文 インラインテキ […]
グリッドシステム Bootstrap3からレスポンシブデザイン(可変レイアウト)がデフォルトになりクラス設定が変更されています。 Bootstrap2からBootstrap3に変更する場合は注意して下さい。 基本的な考え […]
Bootstrap(Ver3.3.6)の導入について説明しています。
© Copyright 2024 GreenApple-Room