Card

> DokuWiki > Web Component

1 - About

A card is some content in a square.

This is the implement of the Bootstrap card

Advertising

3 - Features

  • Acknowledge the style attribute
  • Can be formatted in columns with the card-columns component
  • A blockquote is also a card.

4 - Visual

4.1 - Card, Image, button

<card style="width: 18rem;">
{{dokuwiki:webcomponent:teaser_image_1.png|}}
=== Teaser Title  ===
A example taken from [[https://getbootstrap.com/docs/4.3/components/card/#example|the bootstrap quick example]] on how to build a card title in order to make up the bulk of the teaser content. 
<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
</card>

Teaser Title

A example taken from the bootstrap quick example on how to build a card title in order to make up the bulk of the teaser content.

Go to this page !

4.2 - Card 2 with teaser alias

<teaser style="width: 18rem;">
{{dokuwiki:webcomponent:teaser_image_2.jpg|}}
=== Teaser Title  ===
A example taken from [[https://getbootstrap.com/docs/4.3/components/card/#example|the bootstrap quick example]] on how to build a card title in order to make up the bulk of the teaser content.
<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
</teaser>

Teaser Title

A example taken from the bootstrap quick example on how to build a card title in order to make up the bulk of the teaser content.

Go to this page !

Advertising
dokuwiki/webcomponent/card.txt · Last modified: 2019/06/14 13:35 by gerardnico