Bootstrap Cards notes shortcode

2019-08-09

Hugo

use a css and javascript from bootstrap. I use a bootstrap.5.3.2 version now.
download my bs-card-notes

parameters:

header [optional] - some header text
title [optional] - some title text
card-class [required] - name of card class from bootstrap project
- background and color
- color and background for set up font color and background color with one class
- border color - for set up only border color
font-color-text [optional] - color for text in title and card body (not for car header)
- bootstrap text colors

Background and color

{{< bs-card-notes header="Note" title="Some title" card-class="text-bg-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Note

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes title="Some title" card-class="text-bg-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-success" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-danger" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-warning" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-info" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-secondary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-light" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="text-bg-dark" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

Border Color

{{< bs-card-notes header="Note" title="Some title" card-class="border-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Note

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes title="Some title" card-class="border-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-success" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

border color and text color

{{< bs-card-notes header="Note" title="Some title" card-class="border-primary" font-color-text="text-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Note

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes title="Some title" card-class="border-primary" font-color-text="text-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some title

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-primary" font-color-text="text-primary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-success" font-color-text="text-success" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-danger" font-color-text="text-danger" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-warning" font-color-text="text-warning" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-warning" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-info" font-color-text="text-info" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-info" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-secondary" font-color-text="text-secondary" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-light" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}

Some quick example text to build on the card title and make up the bulk of the card's content .

{{< bs-card-notes card-class="border-dark" >}}
Some quick **example** text to build on the card title and make up the bulk of the card's [content](/#).
{{< /bs-card-notes >}}