bs_box

様々な枠を表示します。

使い方1

#bs_box{{
内容
}}

使い方2

#bs_box(*オプション*){{
内容
}}

オプション

同じ種類のオプションは組み合わせ可能です。(* は全ての場合に利用可能です)

オプション種類説明
alertalert枠線と背景が同系色の枠を表示します。デフォルトの色は黄色です
closealert閉じるボタンを表示します
panelpanel色付きの枠線を表示します。デフォルトの色は灰色です
wellwell枠線と背景が灰色の枠を表示します
(オプション無しでこの枠が表示されます)
smallwellwell の余白を小さくします
largewellwell の余白を大きくします
primaryalert
panel
青い枠を表示します
infoalert
panel
水色の枠を表示します
successalert
panel
緑色の枠を表示します
warningalert
panel
黄色の枠を表示します
dangeralert
panel
赤色の枠を表示します
jumbotronjumbotron背景が灰色の大きな領域を表示します
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){{
赤色の枠です
}}