Okruszki / Breadcrumb

4 247 0

Okruszki są elementem nawigacyjnym na stronie WWW. Dzięki nim możemy wyświetlić użytkownikowi ścieżkę, którą przeszedł oraz miejsce w którym się aktualnie znajduje. Okruszki pozwalają też łatwo cofnąć się użytkownikowi o kilka stron.

Okruszki z pomocą Bootstrapa możemy stworzyć na dwa sposoby. Pierwszym z nich jest użycie listy <ol> z klasą .breadcrumb. Każdy element listy <li> musi mieć klasę .breadcrumb-item. Dodatkowo aktywnemu okruszkowi, czyli temu, który wskazuje aktualną stronę nadajemy klasę .active

Przykład

Kod

Drugim sposobem jest stworzenie okruszków jako elementu <nav>. Tutaj podobnie jak wyżej, głównemu elementowi musimy nadać klasę .breadcrumb a poszczególne okruszki muszą mieć klasę .breadcrumb-item.

Przykład

Kod

Przydało się? Oceń proszę jak bardzo: SłaboJako takoNie ma źleDobrzeRewelacja! (10 głosów, średnia: 5,00 na 5)
Loading...

Chcesz coś napisać?

Podziel się swoją opinią bądź dodaj coś od siebie.

*

*