11.Bootstrap(中文教程)元件：麵包屑

ㄧ.麵包屑

<div class="conponent" id="demo"> <nav>  <ol class="breadcrumb">   <li class="breadcrumb-item"><a href="#">首页</a></li>   <li class="breadcrumb-item"><a href="#">课程</a></li>   <li class="breadcrumb-item active">bootstrap4</li>  </ol> </nav></div>.component.demo{ padding: 50px;}

重点：
1.在ol的class属性设一个breadcrumb，接着li的class属性为breadcrumb-item
2.active为这一页的内容
3.另外补充/是从li的伪元素before的content写入的，可以试着更改#

codepen
参考：bootstrap4