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
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
Last updated
Was this helpful?