Bootstrap中面包屑导航实例

通过重写样式breadcrumb可以更改分割的符默认是单斜杠，实例重写后是双斜杠：

<style type="text/css">
    .breadcrumb > li + li:before

{
    color: #CCCCCC;
    content: "// ";
    padding: 0 5px;
}
    </style>

代码实例：

<div class="container">
        <h3>面包屑导航</h3>
        <ul class="breadcrumb">
            <li><a href="#">人类</a> </li>
            <li><a href="#">男</a></li>
            <li class="active"><a href="#">女</a></li>
        </ul>
    </div>

效果图如下：