1
2 // Breadcrumbs
3 <nav aria-label="breadcrumb">
4 <ol class="breadcrumb">
5 <li class="breadcrumb-item home--icon" aria-current="page">
6 Home
7 </li>
8 </ol>
9 </nav>
10
11 // Breadcrumb active
12 <nav aria-label="breadcrumb">
13 <ol class="breadcrumb">
14 <li class="breadcrumb-item">
15 <a class="home--icon" href="/">
16 Home
17 </a>
18 </li>
19 <li class="breadcrumb-item active" aria-current="page">
20 Library
21 </li>
22 </ol>
23 </nav>
24
25 // Breadcrumb five levels
26 <nav aria-label="breadcrumb">
27 <ol class="breadcrumb">
28 <li class="breadcrumb-item">
29 <a class="home--icon" href="#">
30 Home
31 </a>
32 </li>
33 <li class="breadcrumb-item">
34 <a href="#">Library</a>
35 </li>
36 <li class="breadcrumb-item">
37 <a href="#">Lorem ipsum</a>
38 </li>
39 <li class="breadcrumb-item">
40 <a href="#">Dolor sit amet</a>
41 </li>
42 <li class="breadcrumb-item">
43 <a href="#">Lorem, ipsum dolor.</a>
44 </li>
45 <li class="breadcrumb-item active" aria-current="page">
46 Data
47 </li>
48 </ol>
49 </nav>
50