Templat: BootstrapCard/Card: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
kTidak ada ringkasan suntingan |
k fmt |
||
| Baris 3: | Baris 3: | ||
-->{{#if:{{{cardtitle|}}}|<p class="{{{cardtitleclass|h4}}} card-title">{{{cardtitle|}}}</p> }}<!-- | -->{{#if:{{{cardtitle|}}}|<p class="{{{cardtitleclass|h4}}} card-title">{{{cardtitle|}}}</p> }}<!-- | ||
-->{{#if:{{{cardsubtitle|}}}|<p class="{{{cardsubtitleclass|h5}}} card-subtitle">{{{cardsubtitle|}}}</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:{{{cardtext|}}}|<p class="{{{cardtextclass|}}} card-text" style="line-height: 1.3;">{{{cardtext|}}}</p> }}<!-- | ||
-->{{#if:{{{button|}}}|{{{button|}}} }} | -->{{#if:{{{button|}}}|{{{button|}}} }} | ||
</div> | </div> | ||
</div></includeonly><noinclude>{{documentation}}</noinclude> | </div></includeonly><noinclude>{{documentation}}</noinclude> | ||
Revisi terkini sejak 30 Maret 2023 03.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>
}}