Bootstrap——面包屑导航(Breadcrumbs)

Posted linwenquan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap——面包屑导航(Breadcrumbs)相关的知识,希望对你有一定的参考价值。

面包屑导航(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;

 

以上是关于Bootstrap——面包屑导航(Breadcrumbs)的主要内容,如果未能解决你的问题,请参考以下文章

如何使用面包屑导航组件

折叠在导航栏面包屑按钮的 ng-bootstrap 和 Angular 4 应用程序中不起作用

bootstrap中分页面包屑导航列表组卡片下拉菜单折叠

Bootstrap框架常用组件

网站技术干货之bootstrap框架实现网站后台管理界面

50个Bootstrap扩展插件