Templat: BootstrapCard/Card: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
baru |
k fmt |
||
| (4 revisi perantara oleh pengguna yang sama tidak ditampilkan) | |||
| Baris 1: | Baris 1: | ||
<includeonly><div class="card">{{{image|}}} | <includeonly><div class="card {{{addcardclass|}}}" style="{{{addcardstyle|}}}">{{{image|}}} | ||
<div class="card-body">{{{icon|}}}<!-- | <div class="card-body">{{{icon|}}}<!-- | ||
-->{{#if:{{{cardtitle|}}}|<p class="h4 card-title">{{{cardtitle|}}}</p> }}<!-- | -->{{#if:{{{cardtitle|}}}|<p class="{{{cardtitleclass|h4}}} card-title">{{{cardtitle|}}}</p> }}<!-- | ||
-->{{#if:{{{cardtext|}}}|<p class="card-text" style="line-height: 1.3;">{{{cardtext|}}}</p> }}<!-- | -->{{#if:{{{cardsubtitle|}}}|<p class="{{{cardsubtitleclass|h5}}} card-subtitle">{{{cardsubtitle|}}}</p>}}<!-- | ||
-->{{#if:{{{cardtext|}}}|<p class="{{{cardtextclass|}}} card-text" style="line-height: 1.3;">{{{cardtext|}}}</p> }}<!-- | |||
-->{{#if:{{{button|}}}|{{{button|}}} }} | -->{{#if:{{{button|}}}|{{{button|}}} }} | ||
</div> | </div> | ||
</div></includeonly> | </div></includeonly><noinclude>{{documentation}}</noinclude> | ||
Revisi terkini sejak 30 Maret 2023 10.26
Dokumentasi templat
Usage
{{BootstrapCard/Card
| addcardclass=
| addcardstyle=
| image=
| cardtitleclass= h4
| cardtitle= h5
| cardsubtitleclass=
| cardsubtitle=
| cardtextclass=
| cardtext=
| button=<btn>Button</btn>
}}
Example-1
Card Title
Card Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis congue dolor quis tincidunt. Nullam in tortor auctor, facilisis est at, condimentum ante.
{{BootstrapCard/Card
| addcardclass= col-12 col-sm-4 p-0
| addcardstyle=
| image=[[File:Example 01.jpg|class=img-fluid rounded|768px|link=]]
| cardtitleclass= h4
| cardtitle= Card Title
| cardsubtitleclass= h5
| cardsubtitle= Card Subtitle
| cardtextclass=
| cardtext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis congue dolor quis tincidunt. Nullam in tortor auctor, facilisis est at, condimentum ante.
| button=<btn>Button</btn>
}}
Example-2
Card Title
Card Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis congue dolor quis tincidunt. Nullam in tortor auctor, facilisis est at, condimentum ante.
{{BootstrapCard/Card
| addcardclass= col-12 col-sm-4 p-0
| addcardstyle=
| image=[[File:Example 02.jpg|class=img-fluid rounded|768px|link=]]
| cardtitleclass= h4
| cardtitle= Card Title
| cardsubtitleclass= h5
| cardsubtitle= Card Subtitle
| cardtextclass=
| cardtext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis congue dolor quis tincidunt. Nullam in tortor auctor, facilisis est at, condimentum ante.
| button=<btn>Button</btn>
}}