面包屑导 - bootStrap4常用CSS笔记
【面包屑导航】类似当前位置导航,它会自动在每项后面加上 /
.breadcrumb | 容器类 |
.breadcrumb-item | 链接类 |
.active | 当前项 |
示例:
1 <ul class="breadcrumb"> 2 <li class="breadcrumb-item"><a href="#">Photos</a></li> 3 <li class="breadcrumb-item"><a href="#">Summer 2017</a></li> 4 <li class="breadcrumb-item"><a href="#">Italy</a></li> 5 <li class="breadcrumb-item active">Rome</li> 6 </ul>
也可以使用链接样式,示例:
1 <nav class="breadcrumb"> 2 <a href="#" class="breadcrumb-item">Photos</a> 3 <a href="#" class="breadcrumb-item">Summer 2017</a> 4 <a href="#" class="breadcrumb-item">Italy</a> 5 <span class="breadcrumb-item active">Rome</span> 6 </nav>