Bootstrap 4 基础教程Bootstrap 4 安装Bootstrap 4 基本框架Bootstrap 4 网格系统Bootstrap 4 文字排版Bootstrap 4 文本颜色Bootstrap 4 背景颜色Bootstrap 4 表格Bootstrap4 图像效果Bootstrap 4 超大屏幕 ( Jumbotron )Bootstrap 4 信息提示框Bootstrap 4 按钮Bootstrap 4 按钮组Bootstrap4 徽章 ( Badges )Bootstrap4 进度条Bootstrap 4 分页Bootstrap 4 面包屑导航Bootstrap 4 列表组Bootstrap 4 卡片组件Bootstrap 4 下拉菜单Bootstrap 4 折叠组件Bootstrap 4 手风琴Bootstrap 4 导航组件Bootstrap 4 导航栏Bootstrap 4 选项卡组件Bootstrap 4 胶囊导航组件Bootstrap 4 表单Bootstrap 4 表单控件Bootstrap4 轮播组件Bootstrap 4 模态框Bootstrap 4 提示框Bootstrap 4 弹出框Bootstrap 4 自动更新导航插件Bootstrap 4 小工具
Bootstrap 4 面包屑导航
面包屑导航的作用就是告诉访问者他们目前在网站中的位置以及如何返回
因为常见，所以 Bootstrap 提供了一个组件用于创建面包屑导航
.breadcrumb 和 .breadcrumb-item css 类用于设置面包屑导航
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="#">fly63教程</a></li>
<li class="breadcrumb-item"><a href="#">个人首页</a></li>
<li class="breadcrumb-item"><a href="#">Bootstrap</a></li>
<li class="breadcrumb-item active">V 4 版本</li>
</ul>