Card

The versatile card styles that this plugin still provides are not available in the newest Bootstrap 4.4.1 anymore. Since I like them a lot I left this just as is.

Examples

[bsv-card heading="Heading" title="Title" subtitle="Subtitle" footer="Footer"]This is the content of the card[/bsv-card]
[bsv-card heading="Heading" width="400px" style="info" img="/wp-content/uploads/2019/12/duelmen.jpg"]City Gate of Dülmen[/bsv-card]

Format

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

Parameters

Parameter
Description
Value

style

Defines the Bootstrap style. Supported values:

  • danger

  • default

  • info

  • primary

  • success

  • warning

default

heading

Heading

no value

headinglevel

HTML heading level of the heading. Supported values:

  • h1

  • h2

  • h3

  • h4

  • h5

  • h6

h4

title

Title

no value

titlelevel

HTML heading level of the title. Supported values:

  • h1

  • h2

  • h3

  • h4

  • h5

  • h6

h4

subtitle

Sub-title

no value

subtitlelevel

HTML heading level of the sub-title. Supported values:

  • h1

  • h2

  • h3

  • h4

  • h5

  • h6

h5

width

Width of the card in px or %. If omitted the width of the parent object applies.

no value

floatleft

Forces the card to float left. Supported values:

  • no

  • yes

no

outline

Display the card in outline mode. Supported values:

  • no

  • yes

Only has an affect when style is used.

no

image

URL of an image to display inside the card.

no value

footer

Footer text

no value

PreviousCalloutNextJumbotron

Last updated

Was this helpful?