Şablon:Card

Açıklama

Bootstrap 4.1 kart bileşeni

Ayrıca bkz. http://getbootstrap.com/docs/4.1/components/card/

Parametreler

• {{{body}}} veya {{{1}}}
• {{{list}}}
• {{{header}}}
• {{{footer}}}
• {{{image top}}}
• {{{image bottom}}}
• {{{class}}}
• {{{style}}} - ör. width: 300px; max-width: 100%;

Kullanım

Normal

Kod:

{{Card|Bu bir kart.}}

Sonuç:

Bu bir kart.

Başlık ve alt bilgi

Kod:

{{Card
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Sonuç:

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

Liste

{{Card
|header=Bu bir kart başlığı.
|list=
* Bu bir liste.
* Bu bir liste.
* Bu bir liste.
}}

Bu bir kart başlığı.

• Bu bir liste.
• Bu bir liste.
• Bu bir liste.

Resim

{{Card
|image top=[[File:Firefox-logo.png|link=|300px]]
|style=width: 300px; max-width: 100%;
|list=
* Bu bir liste.
* Bu bir liste.
* Bu bir liste.
}}

• Bu bir liste.
• Bu bir liste.
• Bu bir liste.

CSS class

{{Card
|class=text-white bg-primary
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-secondary
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-success
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-danger
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-warning
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-info
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=bg-light
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.

{{Card
|class=text-white bg-dark
|header=Bu bir kart başlığı.
|body=Bu bir kart gövdesi.
|footer=Bu bir kart alt bilgisi.
}}

Bu bir kart başlığı.

Bu bir kart gövdesi.

Bu bir kart alt bilgisi.