Panel

The “panel” is not a Bootstrap component itself. The plugin provides the panel shortcut as a kind of toolbox to create your individual panel out of common Bootstrap styles. Review the parameters and play around with the options.

Examples

[bsv-panel]This is the simplest panel[/bsv-panel]

[bsv-panel textstyle="light" bgstyle="info" bordertop="no" borderright="no" borderbottom="no" borderleft="yes" borderstyle="warning" borderradius="rounded" styles="padding:8px;border-width:8px !important;width:400px;"]This is a panel with light textstyle, info style background and a left warning style border 8px thick.[/bsv-panel]

[bsv-panel textstyle="light" bgstyle="danger" borderstyle="warning" borderradius="rounded-circle" styles="width:50px;height:50px;border-width:4px !important;text-align:center;font-size:24px;font-weight:bold !important;padding-top:0px !important;padding-bottom:14px !important;"]A[/bsv-panel]

Format

[bsv-panel parameter="value" ...]your content here[/bsv-panel]

Parameters

Parameter	Description	Default
textstyle	Defines the Bootstrap style for the text. Supported values: danger dark info light primary secondary success warning	no value
bgstyle	Defines the Bootstrap style for the background. Supported values: danger dark info light primary secondary success warning	no value
bordertop	Whether or not to draw a top border. Supported values are: no yes	yes
borderright	Whether or not to draw a right border. Supported values are: no yes	yes
borderbottom	Whether or not to draw a bottom border. Supported values are: no yes	yes
borderleft	Whether or not to draw a left border. Supported values are: no yes	yes
borderstyle	Defines the Bootstrap style for the border. Supported values: danger dark info light primary secondary success warning	no value
borderradius	What radius to apply to the border corners. Supported values are: rounded rounded-top rounded-right rounded-bottom rounded-left rounded-circle	no value
id	You can define anm ID for the element here in case you want to address it from a Javascript.	no value
classes	Apply other CSS classes here. Separate the class names by blank.	no value
styles	Apply other CSS styles here. Separate the styles by semicolon.	no value