bs_box 枠
様々な枠を表示します。
使い方1
#bs_box{{ 内容 }}
使い方2
#bs_box(*オプション*){{ 内容 }}
オプション
同じ種類のオプションは組み合わせ可能です。(* は全ての場合に利用可能です)
オプション | 種類 | 説明 |
alert | alert | 枠線と背景が同系色の枠を表示します。デフォルトの色は黄色です |
close | alert | 閉じるボタンを表示します |
panel | panel | 色付きの枠線を表示します。デフォルトの色は灰色です |
well | well | 枠線と背景が灰色の枠を表示します (オプション無しでこの枠が表示されます) |
small | well | well の余白を小さくします |
large | well | well の余白を大きくします |
primary | alert panel | 青い枠を表示します |
info | alert panel | 水色の枠を表示します |
success | alert panel | 緑色の枠を表示します |
warning | alert panel | 黄色の枠を表示します |
danger | alert panel | 赤色の枠を表示します |
jumbotron | jumbotron | 背景が灰色の大きな領域を表示します |
height=* | * | 枠の高さを固定します |
class=* | * | class を指定します |
style=* | * | style を指定します |
横幅指定(colsと同じ)例)8+2 | * | 枠の横幅を指定します。 |
サンプル
背景色つき
指定なし
グレーの背景の枠です
水色の背景の枠です
緑色の背景の枠です
黄色の背景の枠です
赤色の背景の枠です
// 書き方 #bs_box{{ 指定なし グレーの背景の枠です }} #bs_box(alert,info){{ 水色の背景の枠です }} #bs_box(alert,success){{ 緑色の背景の枠です }} #bs_box(alert,warning){{ 黄色の背景の枠です }} #bs_box(alert,danger){{ 赤色の背景の枠です }}
色つき枠線
指定なし
グレーの枠です
水色の枠です
青色の枠です
緑色の枠です
黄色の枠です
赤色の枠です
// 書き方 #bs_box(panel){{ 指定なし グレーの枠です }} #bs_box(panel,info){{ 水色の枠です }} #bs_box(panel,primary){{ 青色の枠です }} #bs_box(panel,success){{ 緑色の枠です }} #bs_box(panel,warning){{ 黄色の枠です }} #bs_box(panel,danger){{ 赤色の枠です }}