20200821+袁鑫

日志

知识总结：

组件

导航

1. 水平导航 nav>nav-item>nav-link 导航居中（justify-content-center）导航右对齐（justify-content-end）导航等宽（nav-justified）

2. 垂直导航 flex-column

3. 选项卡导航 nav-tabs>nav-item>nav-link 激活元素 nav-link （data-toggle="tab"）目标元素（tab-pane）

4. 胶囊导航 nav-pills>nav-item>nav-link

5. 面包屑导航 breadcrumb>breadcrumb-item (active 被激活元素）

   ​ 自定义连接符：.breadcrumb-item + .breadcrumb-item::before{

   ​ content:">";

   }

手风琴(给父元素加一个parent(id值)，让子元素在被激活展开的时候关闭上一个被激活的)

​ card>card-header(d1(>#d1(data-toggle="collapse"))>collapse（data-parent="#parednt"）>card-body

轮播

carousel (data-ride="carousel")>carousel-inner>carousel-item

​ 添加控制箭头

• 左侧箭头 carousel-control-prev>carousel-control-prev-icon

• 右侧箭头 carousel-control-next>carousel-control-next-icon

  添加轮播指示器

  ​ carousel-indicators

心得

今天的学习任务还是挺重的，由于华为官网时间有点赶，本来前一天就没睡午觉又一直写官网写到十一点半，就没来得及写日志，特意比平时早了二十分钟来写日志，发现还是有些赶了。今天考试加油！