前端之家收集整理的这篇文章主要介绍了
Bootstrap CSS组件之面包屑导航(breadcrumb),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
面包屑breadcrumb
一般用于导航,表示
当前页面所在的位置
面包屑可以设置其他相关的小
标记内容,比如
标签、徽章
标记等。
li {
display: inline-block;
}
//并且li项才起作用
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
//设置当前项的颜色
.breadcrumb > .active {
color: #777;
}
<
Meta charset="utf-8">
<
Meta http-equiv="X-UA-Compatible" content="IE=edge">
<
Meta name="viewport" content="width=device-width,initial-scale=1">
@H_301_10@Bootstrap 101 Template
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">