Grupy przycisków / Button group

We wpisie o przyciskach poznaliście ich rodzaje, kolory i rozmiary. Kolejnym elementem dotyczącym przycisków jaki opiszę jest ich grupowanie. Polega ono na „złączenie” kilku przycisków w jeden element ale zachowując możliwość kliknięcia w każdy z nich oddzielnie. Ten element znajduje zastosowanie między innymi w sytuacji gdy mamy kilka sekcji i każda z nich posiada jakieś […]

Listy rozwijane / Dropdowns

Listy rozwijane są elementami, których możemy używać podczas chęci ukrycia jakiś opcji lub linków pod przyciskiem. Wtedy zamiast wypisywać je wszystkie to umieszczamy je jako właśnie taka lista i wyświetlamy ją dopiero po kliknięciu. Listy rozwijane są bardzo często używane w layoutach narzędzi on-line. Gdy któreś z nich oferuje dużą ilość opcji, lepiej jest je […]

Przyciski / Button

Przyciski pojawiają się na każdej stronie internetowej. Korzystamy z nich przede wszystkim jako element służący do wysłania formularza ale także jako alternatywa dla linków tekstowych, jako nawigacje czy w elementach CTA (Call to action). Jak wiecie z poprzednich wpisów, Bootstrap ma zdefiniowanie kilka kolorów, które służą do pokazywania odpowiednich kontekstów elementów lub po prostu ich […]

Radio i checkbox jako button

Standardowe elementy checkbox i radio nie są zbyt atrakcyjne wizualnie. Oczywiście istnieje wiele bibliotek, które zmieniają ich wygląd, dodają animacje podczas kliknięcia itp. Ale tutaj skupiamy się na samym Bootstrapie, więc zajmiemy się elementem przygotowanym przez jego twórców a mianowicie checkboxem lub radio wyglądającym jak bootstrapowy przycisk a właściwie grupa przycisków. Checkbox jako button Zaczniemy […]