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

ParameterDescriptionDefault

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

PreviousJumbotronNextProgress Bar

Last updated