====== Card ======

===== About =====
A card is some content in a square.


This is the implement of the [[https://getbootstrap.com/docs/4.3/components/card/|Bootstrap card]]


===== Articles Related =====
{{backlinks>.}}
===== Features =====
  * Acknowledge the ''style'' attribute
  * Can be formatted in columns with the [[card_column|card-columns]] component
  * A [[blockquote|blockquote]] is also a card.


===== Visual =====

==== Card, Image, button ====

<webcode name="Card1" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story >
<code dw>
<card style="width: 18rem;">
{{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>
</code>

</webcode>

==== Card 2 with teaser alias ====
<webcode name="Card2" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story >
<code dw>
<teaser style="width: 18rem;">
{{dokuwiki:webcomponent:teaser_image_2.jpg?25|}}
=== 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>
</teaser>
</code>
</webcode>









