Bootstrap CSS组件之面包屑导航(breadcrumb)

Bootstrap CSS组件之面包屑导航(breadcrumb)

面包屑breadcrumb一般用于导航，表示当前页面所在的位置

面包屑可以设置其他相关的小标记内容，比如标签、徽章标记等。

//源码

//基础样式

.breadcrumb {

padding: 8px 15px;

margin-bottom: 20px;

list-style: none;

background-color: #f5f5f5;

border-radius: 4px;

}

//所有li项都是内联块方式

.breadcrumb > li {

display: inline-block;

}

//并且li项才起作用

.breadcrumb > li + li:before {

padding: 0 5px;

color: #ccc;

content: "/\00a0";

}

//设置当前项的颜色

.breadcrumb > .active {

color: #777;

}

本文系列教程整理到：Bootstrap基础教程 专题中，欢迎点击学习。

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap Table使用教程

Bootstrap插件使用教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。