Bootstrap—面包屑导航breadcrumb

什么是面包屑导航，先来看一下效果：

面包屑导航是具有层次结构的一种显示方式，bootrap中通过 .breadcrumb class 的无序列表实现面包屑导航效果，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>面包屑导航</title>
    <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">
</head>
<body>
    <div class="container">
        <ul class="breadcrumb">
            <li><a href="#">鞋子</a></li>
            <li><a href="#">女鞋</a></li>
            <li><a href="#">高跟鞋</a></li>
        </ul>
    </div>
</body>
</html>


本文参考资料来自：http://www.runoob.com/bootstrap/bootstrap-breadcrumbs.html