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

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