傳統導航欄的頁面結構，它不能展示出當前頁在導航層次結構中的位置。為此，Bootstrap提出面包屑導航，通過為導航層次結構自動添加分隔符，展示出當前頁在導航層次結構中的位置。

下面通過一個案例演示面包屑導航的實現方式。在chapterO1文件夾下創建名稱為bootstrap03的HTML.文件，用于設計一個面包屑導航欄，具體代碼如下所示。

??????????????????<11?class="breadcrumb-item">首負????????簡介??????????????????????

在文件1-20中，第5行代碼引入bootstrap.mincss文件;第914行代碼定義標簽，并設置aria-label屬性值為breadcnumb，表示面包屑導航。其中，第10行代碼在nav標簽下定義類名為breadenumb的有序列表;第1l行代碼在標簽下定義類名為breadenumb-item的標簽表示首頁鏈接，第l2行代碼在標簽下定義了類名為breadenuml-item 的標簽表示簡介鏈接。運行結果如下圖。