1、主要进行了找职位页面的竖向轮播图的编写。

先是准备使用transfrom属性，对bootstrap自带的轮播进行翻转，同时将里面内容也进行反向翻转后应用。

-webkit-transform:rotate(90deg);  //兼容chrome，顺时针旋转90℃

transform-origin: 0 0;    //以左上角为基点

先在静态页面做小demo，对翻转后的占位空间进行了调整无异常，转入应用中时，主要问题是bootstrap里面也有自带属性transform，两者互斥，以自定义为主时，能够实现轮播翻页，但是没有过渡的效果，加上本身比较麻烦，故舍弃这个方法。

后面重新看了一个基于原生bootstrap的竖向轮播，相对比较简单，改好之后应用无问题，后续重新将源代码进行整理，便于以后直接复用。

<div id="carousel-example-vertical" class="carousel vertical slide" data-ride="carousel" data-interval="1500">

默认使用Bootstrap的Carousel组件，只需要加上 data-ride="carousel" 就可以实现自动播放了。无需使用初始化的js函数。所以，如果carousel不会自动播放，那么首先检查这个部分。这里还能加其他参数，比如是设置图片轮转的时间间隔。data-interval="1500"。

收获： 基于bs改写的竖向轮播的代码，可以复用。了解了initial属性，对于一些代码框架自带的样式属性，原生css无法移除只能修改的情况（目前遇到的主要是相对定位时，框架设置了left属性，不移除的话很影响效果），使用这个关键字可以还原为默认状态值（不支持）。

困难：暂无大问题。

计划：今天主要准备学习一大波flex布局并进行小课堂。