加入購物車 麵包屑
讓您輕鬆掌握當前所在頁面，就像在遊戲中找到關鍵線索一樣！
Bootstrap 文件
深色 (預設) 版本
<!-- Basic example -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
<!-- Home icon -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="#">
<i class="ci-home"></i>
Home
</a>
</li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>// Basic example
nav(aria-label="breadcrumb").mb-3
ol.breadcrumb
li.breadcrumb-item
a(href="#") Home
li.breadcrumb-item
a(href="#") Library
li(aria-current="page").breadcrumb-item.active
| Data
// Home icon
nav(aria-label="breadcrumb")
ol.breadcrumb
li.breadcrumb-item
a(href="#")
i.ci-home
| Home
li.breadcrumb-item
| a(href="#") Library
li(aria-current="page").breadcrumb-item.active
| Data