Bootstrap tutorial logo

Odznaki / Badges

autor: Robert

11 listopada 2013

Temat właściwie bardzo krótki. Czasami chcemy by obok jakiegoś pola pojawiała się wartość np. nie przeczytanych wiadomości, zgłoszeń, uwag, problemów itp. Tutaj z pomocą przychodzi mała „odznaka” którą umieszczamy tuż obok tekstu.

Jej kod także nie jest trudny, wszystko czego trzeba użyć to:

Co da nam:

Nowe wiadomości: 42

Aby zmienić sobie kolor plakietki na dowolny musimy się posiłkować CSSami. Gdzie po prostu podajemy kolor jako tło odznaki. Przykładowo:

.badge-important{background-color:#b94a48;}


Post się przydał? Oceń go proszę.
1 Gwiazdka2 Gwiazdki3 Gwiazdki4 Gwiazdki5 Gwiazdek (5 głosów, średnia: 5,00 na 5)
Loading...