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