Templat: Bootstrap card columns: Perbedaan antara revisi
k upd |
k Penggantian teks - "text-right" menjadi "text-end" |
||
| (1 revisi perantara oleh pengguna yang sama tidak ditampilkan) | |||
| Baris 1: | Baris 1: | ||
<noinclude> | <noinclude> | ||
{{Bootstrap card columns/start}} | {{Bootstrap card columns/start}} | ||
{{Bootstrap card columns/Card1 | |||
| filename= Example Cover.jpg | |||
}} | |||
{{ Bootstrap card columns/Card1 | {{ Bootstrap card columns/Card1 | ||
| Baris 40: | Baris 44: | ||
{{Bootstrap card columns/Card1 | {{Bootstrap card columns/Card1 | ||
| filename= Example 03.jpg | | filename= Example 03.jpg | ||
}} | }} | ||
{{Bootstrap card columns/Card blockquote1 | {{Bootstrap card columns/Card blockquote1 | ||
| addclass= text- | | addclass= text-end | ||
| quotetext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. #7 | | quotetext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. #7 | ||
| quotefooter= Someone famous in <cite title="Source Title">Source Title</cite> | | quotefooter= Someone famous in <cite title="Source Title">Source Title</cite> | ||
Revisi terkini sejak 3 September 2024 09.36
Card title that wraps to a new line #1
This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. #2
Card title #3
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. #4
Card title #5
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. #7
Card title #8
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Pemakaian
{{Bootstrap card columns/start}}
{{Bootstrap card columns/Card1
| filename= Example Cover.jpg
}}
{{ Bootstrap card columns/Card1
| filename= Example 01.jpg
| size= 512px
| filelink=
| filecaption=
| cardtitle= Card title that wraps to a new line #1
| cardtext= This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
| cardsupporttext=
}}
{{Bootstrap card columns/Card blockquote1
| quotetext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. #2
| quotefooter= Someone famous in <cite title="Source Title">Source Title</cite>
}}
{{Bootstrap card columns/Card1
| filename= Example 02.jpg
| cardtitle= Card title #3
| cardtext= This card has supporting text below as a natural lead-in to additional content.
| cardsupporttext= Last updated 3 mins ago
}}
{{Bootstrap card columns/Card blockquote1
| addclass= bg-primary text-white text-center
| quotetext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. #4
| quotefooter= Someone famous in <cite title="Source Title">Source Title</cite>
}}
{{Bootstrap card columns/Card1
| filename=
| addclass= text-center
| cardtitle= Card title #5
| cardtext= This card has supporting text below as a natural lead-in to additional content.
| cardsupporttext= Last updated 3 mins ago
}}
{{Bootstrap card columns/Card1
| filename= Example 03.jpg
| addclass=
| cardtitle=
| cardtext=
| cardsupporttext=
}}
{{Bootstrap card columns/Card blockquote1
| addclass= text-end
| quotetext= Lorem ipsum dolor sit amet, consectetur adipiscing elit. #7
| quotefooter= Someone famous in <cite title="Source Title">Source Title</cite>
}}
{{Bootstrap card columns/Card1
| filename=
| addclass= text-center
| cardtitle= Card title #8
| cardtext= This card has supporting text below as a natural lead-in to additional content.
| cardsupporttext= Last updated 3 mins ago
}}
{{Bootstrap card columns/end}}