1====== Card ======
2
3===== About =====
4A card is some content in a square.
5
6
7This is the implement of the [[https://getbootstrap.com/docs/4.3/components/card/|Bootstrap card]]
8
9
10===== Articles Related =====
11{{backlinks>.}}
12===== Features =====
13  * Acknowledge the ''style'' attribute
14  * Can be formatted in columns with the [[card_column|card-columns]] component
15  * A [[blockquote|blockquote]] is also a card.
16
17
18===== Visual =====
19
20==== Card, Image, button ====
21
22<webcode name="Card1" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story >
23<code dw>
24<card style="width: 18rem;">
25{{dokuwiki:webcomponent:teaser_image_1.png?30|}}
26=== Teaser Title  ===
27A 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.
28<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
29</card>
30</code>
31
32</webcode>
33
34==== Card 2 with teaser alias ====
35<webcode name="Card2" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story >
36<code dw>
37<teaser style="width: 18rem;">
38{{dokuwiki:webcomponent:teaser_image_2.jpg?25|}}
39=== Teaser Title  ===
40A 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.
41<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
42</teaser>
43</code>
44</webcode>
45
46
47
48
49
50
51
52
53
54