【面包屑导航】类似当前位置导航，它会自动在每项后面加上 / 

.breadcrumb 容器类
.breadcrumb-item 链接类
.active 当前项

 

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

示例：

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>

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄