Templat:BootstrapCard/Masonry

Dokumentasi templat

[lihat] [sunting] [riwayat] [hapus singgahan]

Usage

Complete parameters shown with default values:

{{ BootstrapCard/Masonry/Start}}
{{ BootstrapCard/Masonry/Card
| masonryclass= col-6 col-sm-4 col-lg-4 p-1
| addmasonryclass=
| cardbodyclass=

| cardheaderclass=
| cardheader=

| embedvideoid=
| embedvideoservice= youtube
 
| filename=
| filesize= 512px
| fileclass= rounded
| filelink=
| filecaption=

| cardtitleclass= h5
| cardtitle=

| cardsubtitleclass= h6 mb-2 text-body-secondary
| cardsubtitle=

| cardtextclass=
| cardtext=
| cardsupporttext=

| cardfooterclass= text-body-secondary
| cardfooter=
}}
{{ BootstrapCard/Masonry/End}}

Example

Card Pertama

Subtitle Card I

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus. Semper quis lectus nulla at volutpat diam ut.

Card support text

Card Kedua

Subtitle Card II

Pretium aenean pharetra magna ac placerat vestibulum. Sit amet risus nullam eget felis eget. At volutpat diam ut venenatis tellus in metus vulputate.

Card Ketiga

Pretium aenean pharetra magna ac placerat vestibulum. Sit amet risus nullam eget felis eget. At volutpat diam ut venenatis tellus in metus vulputate.

Card Keempat

Subtitle IV

Quote from someone famouse

— Someone famous

Code

{{ BootstrapCard/Masonry/Start}}
{{ BootstrapCard/Masonry/Card
 | filename=
 | size= 512px
 | filelink=
 | filecaption=
 | cardtitle= Card Pertama
 | cardsubtitle= Subtitle Card I
 | cardtext= Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus. Semper quis lectus nulla at volutpat diam ut.
 | cardsupporttext= Card support text
}}

{{ BootstrapCard/Masonry/Card
 | filename=
 | size= 512px
 | filelink=
 | filecaption=
 | cardtitle= Card Kedua
 | cardsubtitle= Subtitle Card II
 | cardtext= Pretium aenean pharetra magna ac placerat vestibulum. Sit amet risus nullam eget felis eget. At volutpat diam ut venenatis tellus in metus vulputate. 
 | cardsupporttext=
}}

{{ BootstrapCard/Masonry/Card
 | filename= Example 01.jpg
 | size= 512px
 | filelink=
 | filecaption=
 | cardtitle= Card Ketiga
 | cardsubtitle= 
 | cardtext= Pretium aenean pharetra magna ac placerat vestibulum. Sit amet risus nullam eget felis eget. At volutpat diam ut venenatis tellus in metus vulputate. 
 | cardsupporttext=
}}

{{ BootstrapCard/Masonry/Card
 | filename= Example 02.jpg
 | size= 512px
 | filelink=
 | filecaption=
 | cardtitle= Card Keempat
 | cardsubtitle= Subtitle IV
 | cardtext= 
 | cardsupporttext=
}}

{{ BootstrapCard/Masonry/Card
 | filename= 
 | size= 512px
 | filelink=
 | filecaption=
 | cardtitle= Quote from someone famouse
 | cardsubtitle= 
 | cardtext= — Someone famous
 | cardsupporttext=
}}

{{ BootstrapCard/Masonry/End}}