1====== Webcomponent - Card Columns ======
2
3
4
5===== About =====
6With the ''card-columns'' components, you can put any type [[card|card]] ([[blockquote|blockquote]] included) in a column format.
7
8
9===== Articles Related =====
10{{backlinks>.}}
11
12===== Syntax =====
13<code xml>
14<card-columns>
15   <!-- Any type of card -->
16</card-columns>
17</code>
18===== Example =====
19
20
21<code>
22<card-columns>
23<card>
24{{dokuwiki:webcomponent:teaser_image_1.png?30|}}
25=== Teaser Title  ===
26A 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.
27<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
28</card>
29
30
31<blockquote class="" >
32Lorem ipsum [[dokuwiki:webcomponent:start|dolor]] sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
33<cite>Someone famous in [[dokuwiki:webcomponent:start|Source Title]]</cite>
34</blockquote>
35
36
37</card-columns>
38</code>
39
40Result:
41<teaser-columns>
42<card>
43{{dokuwiki:webcomponent:teaser_image_1.png?30|}}
44=== Teaser Title  ===
45A 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.
46<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn>
47</card>
48
49
50<blockquote class="" >
51Lorem ipsum [[dokuwiki:webcomponent:start|dolor]] sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
52<cite>Someone famous in [[dokuwiki:webcomponent:start|Source Title]]</cite>
53</blockquote>
54
55
56</teaser-columns>
57