1. Home
  2. Docs
  3. Shortcode Bootstrap Visuals Manual
  4. Card

Card

Description

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

Examples and Outputs

[bsv-card heading="Heading" title="Title" subtitle="Subtitle" footer="Footer"]This is the content of the card[/bsv-card]

Heading

Title

Subtitle

This is the content of the card

[bsv-card heading="Heading" width="400px" style="info" img="/wp-content/uploads/2019/12/duelmen.jpg"]City Gate of Dülmen[/bsv-card]

Heading

Card image

City Gate of Dülmen

Format

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

Parameters

Parameter Description Default
style Defines the Bootstrap style. Supported values:

  • danger
  • 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 heading. Supported values:

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
h4
subtitle Subtitle no value
subtitlelevel HTML heading level of the heading. Supported values:

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
h5
width Width of the card in px or % 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
img URL of an image to display inside the card. no value
footer Footer text. no value

 

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published. Required fields are marked *