Bootstrap——面包屑导航（Breadcrumbs）

发布时间：2020-12-17 21:19:16 所属栏目：安全来源：网络整理

导读：面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。 Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有?.breadcrumb?类的无序列表。 ol class ="breadcrumb" li a href ="#" 首页 / a / li li a href ="#" 首页2 / a / li li class ="act

面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。

Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有?.breadcrumb?类的无序列表。

<ol class="breadcrumb">
    <li>
        <a href="#">首页</a>
    </li>
    <li>
        <a href="#">首页2</a>
    </li>
    <li class="active"> Bootstrap 3 </li>
</ol>

其中的分隔符会通过 CSS（bootstrap.min.css）中下面所示的类自动被添加：

.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!