素材巴巴 > 程序开发 >

3.8 Bootstrap 面包屑导航(Breadcrumbs)

程序开发 2023-09-26 09:10:00

文章目录


Bootstrap 面包屑导航(Breadcrumbs)

在这里插入图片描述

面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。

Bootstrap 中的面包屑导航(Breadcrumbs)是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS(bootstrap.min.css)中下面所示的 class 自动被添加:

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

下面的实例演示了面包屑导航:


 

运行效果
在这里插入图片描述


标签:

上一篇: js单选多选和全选 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。