面包屑导航是一各基于网站层次信息的显示方式,以博客为例,面包屑导航可以显示发布日期,类别或标签,它们表示当前页面在导航层次结构的位置。
Bootstrap中的面包屑导航是一个简单的带有breadcrumb class的无序列表,分隔符会通过css中下面所示的class自动添加。

css:

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

 

效果如下图所示:

 

bootstrap面包屑导航

主要是定义breadcrumb类

<ol class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">2015</a></li>
    <li class="active"><a href="#">五月</a></li>
</ol>

 

相关文章:

  • 2021-05-29
  • 2021-10-15
  • 2021-09-20
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-04
  • 2022-12-23
  • 2021-09-15
  • 2022-12-23
  • 2021-07-31
  • 2022-12-23
相关资源
相似解决方案