Comment on page
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.
[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]
[bsv-panel parameter="value" ...]your content here[/bsv-panel]
Parameter | Description | Default |
|---|---|---|
textstyle | Defines the Bootstrap style for the text. Supported values:
| no value |
bgstyle | Defines the Bootstrap style for the background. Supported values:
| no value |
bordertop | Whether or not to draw a top border. Supported values are:
| yes |
borderright | Whether or not to draw a right border. Supported values are:
| yes |
borderbottom | Whether or not to draw a bottom border. Supported values are:
| yes |
borderleft | Whether or not to draw a left border. Supported values are:
| yes |
borderstyle | Defines the Bootstrap style for the border. Supported values:
| no value |
borderradius | What radius to apply to the border corners. Supported values are:
| 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 modified 1yr ago