Bootstrap(二十一)
来源:互联网 发布:成都软件制作 编辑:程序博客网 时间:2024/04/29 20:32
Bootstrap 面包屑导航(Breadcrumbs)
面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。
Bootstrap 中的面包屑导航(Breadcrumbs)是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS(bootstrap.min.css)中下面所示的 class 自动被添加:
.breadcrumb > li + li:before { color: #CCCCCC; content: "/ "; padding: 0 5px;}
下面的实例演示了面包屑导航:
实例
<olclass="breadcrumb"><li><ahref="#">Home</a></li><li><ahref="#">2013</a></li><liclass="active">十一月</li></ol>
尝试一下 »
结果如下所示:
阅读全文
0 0
- Bootstrap(二十一)
- Bootstrap(十一)
- 二十一
- Bootstrap(二)
- Bootstrap 学习之 (十一) ------ 分页
- bootstrap系列之十一按钮下拉菜单
- 二十一世纪预测
- 二十一周年
- 自己今天二十一
- 十一月二十一日记
- 二十一岁生日
- 二十一 isspace
- 东软实训(二十一)
- (二十一) 设备驱动程序
- 日拱一卒(二十一)
- 软件工程(二十一)
- 二十一.操作标签
- 【十一】DOM(二)
- vue组件 component
- 使用Apriori算法和FP-growth算法进行关联分析
- JAVA基础:字符串
- 面试经验哈
- Hadoop的RPC框架使用
- Bootstrap(二十一)
- Servlet的API(二)
- 半小时入门Vue.js基础
- CAD如何安装才是最简单的详细教程方法呈现出来了
- 止损的三个境界
- 类的学习笔记
- python学习笔记之(二) 6.4嵌套
- TOJ 5270: 百钱买百鸡
- Bootstrap(二十二)