Glify i inne

Zapewne nie raz widzieliście na stronach przyciski (lewo, prawo, góra, dół itd.) na których znajdowały się strzałki w postaci np. trójkąta, czy też znaków „<” czy „>”. Bootstrap oferuje wiele tego rodzaju „znaczków” zwanych glifami, które mogą być zastosowane na stronach. Kilka przykładów poniżej a pełna lista na stronach bootstrap (https://getbootstrap.com/components/#glyphicons)

Używamy ich z elementami np. <span> w następujący sposób:

<span class="glyphicon glyphicon-chevron-left"></span>

Można użyć je do tworzenia przycisków:

Za powyższe przyciski odpowiada kod:

<button type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> poprzednie
</button>

<button type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> następne
</button>

<button type="button" class="btn btn-info">
    <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span> do góry
</button>

<button type="button" class="btn btn-info">
    <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span> dalej
</button>
Avatar

Autor: gervee

Pełnoetatowy ojciec małej gromadki, programista(?), "amator" fotograf, "dłubacz" lubiący DIY, miłośnik chmielonego napitku. "Żartowniś" bez poczucia humoru ;).

Dodaj komentarz