Bootstrap tutorial logo

Etykietki / Labels

autor: Robert

11 listopada 2013

Nie raz zdarza się, że chcemy przypiąć do jakiegoś pola etykietkę która będzie nam podpowiadać, informować o czymś czy na przykład wskazywać do jakiej kategorii należy wpis czy link.

W bootstrapie mamy gotowy komponent który tworzy etykiety w różnych kolorach i wielkościach.

Wielkość etykiety definiujemy poprzez zamknięcie jej w znacznikach h1..h6 a sama składnia etykiety to <span class="label label-default"> Tekst </span>

Przykładowy tekst Etykieta

Przykładowy tekst Etykieta

Przykładowy tekst Etykieta

Przykładowy tekst Etykieta

Przykładowy tekst Etykieta
Przykładowy tekst Etykieta

Kolorowe etykiety

Tak jak buttony, pola w formularzach itp posiadają kilka klas które odpowiadają za ich kolory, tutaj jest identycznie. Możemy wybrać klasę default, primary, success, info, warning, danger a nasza etykieta przyjmie kolor który jest do niej przypisany.

Default Primary Success Info Warning Danger

Standardowo przykład:

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

Komentarze: Bądź pierwszy!