← Bootstrap 2 进度条 Bootstrap 2 分页 →

Bootstrap 2 面包屑导航

Bootstrap 内置了面包屑导航的模块，本节我们将会学习如何使用 Bootstrap 创建面包屑导航

先来看一下最终效果

Bootstrap 2 breadcrumbs demo

Bootstrap .breadcrumb CSS 用来将一个列表显示为面包屑导航

Bootstrap .divider CSS 类用于创建分隔符

<ul class="breadcrumb">
    <li>
        <a href="#">首页</a>
        <span class="divider">></span>
    </li>
    <li>
        <a href="#">Bootstrap 2 基础教程</a>
        <span class="divider">&gt;</span>
    </li>
    <li class="active">Bootstrap 2 面包屑导航</li>
</ul>

运行范例 »

← Bootstrap 2 进度条 Bootstrap 2 分页 →

Bootstrap 2 基础教程

♥ 简单教程，简单编程 - IT 入门首选站