发表于: 2017-03-18 23:08:20

2 637


学习情况:

1、页面1完成,框架其实比较简单,一些小的细节浪费时间较多。

2、广告轮播继续使用bootstrap套格式,修改样式,data-ride="carousel" 加到轮播代码最外层盒子,实现自动播放。

3、中间2个常规栅格,4列等宽。

4、下面优秀学员展示,也是套轮播+栅格4列等宽。

5、合作企业栏,由于是5列本身等宽,bootstrap自带无法实现。可以仿写一个实现:

@media (min-width: 800px) {

    .col-lg-2dot4 {float: left;}

    .col-lg-2dot4 {width: 20%;}

    .col-lg-pull-2dot4 {width: 20%;}

    .col-lg-push-2dot4 {width: 20%;}

    .col-lg-offset-2dot4 {width: 20%;}

}

6、部分边框带有阴影效果:

box-shadow: -1px 1px 1px 1px gainsboro;

-webkit-box-shadow:-1px 1px 1px 1px gainsboro;

-moz-box-shadow:-1px 1px 1px 1px gainsboro;

前两个位置代表四边,最多只能设置上/下和左/右 共2边阴影。

问题:

计划:

1、对bootsrap中轮播和栅格算是了解了一些,代码的位置应用修改等熟悉了,近期其他应用代码可以先大概看看,哪些地方能用的提前了解下。

2、继续后面2个页面,任务8超时,周二之前出初稿吧。



返回列表 返回列表
评论

    分享到