Webcomponent - Card Columns

> DokuWiki > Web Component

1 - About

With the card-columns components, you can put any type card (blockquote included) in a column format.

Advertising

3 - Syntax

<card-columns>
   <!-- Any type of card -->
</card-columns>

4 - Example

<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>

Result:

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 !

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
dokuwiki/webcomponent/card_column.txt · Last modified: 2019/06/14 13:36 by gerardnico