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

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

Jumbotron

Progress Bar

Last modified 7mo ago