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

心得

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

标签

评论

this is is footer