1====== Card ====== 2 3===== About ===== 4A card is some content in a square. 5 6 7This is the implement of the [[https://getbootstrap.com/docs/4.3/components/card/|Bootstrap card]] 8 9 10===== Articles Related ===== 11{{backlinks>.}} 12===== Features ===== 13 * Acknowledge the ''style'' attribute 14 * Can be formatted in columns with the [[card_column|card-columns]] component 15 * A [[blockquote|blockquote]] is also a card. 16 17 18===== Visual ===== 19 20==== Card, Image, button ==== 21 22<webcode name="Card1" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story > 23<code dw> 24<card style="width: 18rem;"> 25{{dokuwiki:webcomponent:teaser_image_1.png?30|}} 26=== Teaser Title === 27A 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. 28<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn> 29</card> 30</code> 31 32</webcode> 33 34==== Card 2 with teaser alias ==== 35<webcode name="Card2" frameborder=0 width=100% scrolling=yes externalResources="," renderingMode=story > 36<code dw> 37<teaser style="width: 18rem;"> 38{{dokuwiki:webcomponent:teaser_image_2.jpg?25|}} 39=== Teaser Title === 40A 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. 41<btn>[[dokuwiki:webcomponent:start|Go to this page !]]</btn> 42</teaser> 43</code> 44</webcode> 45 46 47 48 49 50 51 52 53 54