Bootstrap学习日记之面包屑导航

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

  创建面包屑导航

• 创建一个带有class="breadcrumb"的无序列表
• 无序列表中的<li>因为<ul class="breadcrumb">所以在创建时自带分隔符

   <ul class="breadcrumb">
       <li><a href="#">2018年</a></li>
       <li><a href="#">9月</a></li>
       <li><a href="#">15日</a></li>
   </ul>

代码解读：我们创建了一个基本的面包屑导航，所谓面包屑就是能够在导航中加入并显示零散的信息。因为<ul>中class="breadcrumb"所以它的子标签<li>创建时自带分隔符。

运行结果

注：本篇文章为博主在菜鸟教程学习的日记，菜鸟教程：http://www.runoob.com/