Szablon:Card/opis
- Kod:
{{Card|body=Treść karty|list=Definicja listy|header=Treść nagłówka|footer=Treść stopki|image top=Plik obrazka górnego|image bottom=Plik obrazka dolnego|class=Klasy CSS|style=Style CSS}}
- Opis: Pozwala na umieszczanie treści w bootstrapowej karcie.
- Gdzie: W dowolnym miejscu. Głównie na stronach portali.
- Powiązane szablony: AppCard, Przycisk
Spis treści
Opis
Szablon ten pozwala na umieszczanie treści w komponencie Card z Bootstrapa 4.1.
Użycie
Normalne
W najprostszym wypadku używa się tylko parametru body, którego nazwę można pominąć jeśli jest to pierwszy parametr szablonu.
Kod {{Card|To jest treść karty.}}
lub {{Card|body=To jest treść karty.}}
da w rezultacie:
Nagłówek i stopka
Kod {{Card|To jest treść karty.|header=To jest nagłówek karty|footer=To jest stopka karty}}
da w rezultacie:
Lista
Kod
{{Card
|header=To jest nagłówek karty
|list=
* To jest pierwszy element listy
* To jest drugi element listy
* To jest trzeci element listy
}}
da w rezultacie:
- To jest pierwszy element listy
- To jest drugi element listy
- To jest trzeci element listy
Obrazki i style
Kod
{{Card
|image top=[[Plik:Leap-green.png|300px]]
|style=width: 300px; max-width: 100%;
|list=
* To jest pierwszy element listy
* To jest drugi element listy
* To jest trzeci element listy
}}
da w rezultacie:
Klasy
{{Card|To jest treść karty.|class=text-white bg-primary|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-secondary|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-success|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-danger|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-warning|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-info|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=bg-light|header=To jest nagłówek karty|footer=To jest stopka karty}}
{{Card|To jest treść karty.|class=text-white bg-dark|header=To jest nagłówek karty|footer=To jest stopka karty}}