<ul> <li><a href="##">首页</a></li> <li> <a href="##" data-toggle="dropdown">数字<span></span></a> <ul> <li><a href="##">1</a></li> <li><a href="##">2</a></li> </ul> </li> <li><a href="##">关于我们</a></li> </ul>
面包屑式Breadcrumb导航
面包屑不需要使用“nav”，一般作用是告诉用户现在所处页面的位置。为ol加入“breadcrumb”类名即可。例如：
<ol> <li><a href="#">111</a></li> <li><a href="#">222</a></li> <li>333</li> </ol>
实现源码如下：
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; }