====== Webcomponent - Card Columns ======



===== About =====
With the ''card-columns'' components, you can put any type [[card|card]] ([[blockquote|blockquote]] included) in a column format.


===== Articles Related =====
{{backlinks>.}}

===== Syntax =====
<code xml>
<card-columns>
   <!-- Any type of card -->
</card-columns>
</code>
===== Example =====


<code>
<card-columns>
<card>
{{dokuwiki:webcomponent:teaser_image_1.png?30|}}
=== 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>


<blockquote class="" >
Lorem ipsum [[dokuwiki:webcomponent:start|dolor]] sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
<cite>Someone famous in [[dokuwiki:webcomponent:start|Source Title]]</cite>
</blockquote>


</card-columns>
</code>

Result:
<teaser-columns>
<card>
{{dokuwiki:webcomponent:teaser_image_1.png?30|}}
=== 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>


<blockquote class="" >
Lorem ipsum [[dokuwiki:webcomponent:start|dolor]] sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
<cite>Someone famous in [[dokuwiki:webcomponent:start|Source Title]]</cite>
</blockquote>


</teaser-columns>