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){{
赤色の枠です
}}