Odznaki / Badges | Kurs / Tutorial Bootstrap

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;}