发表于: 2017-03-18 23:08:20
2 636
学习情况:
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超时,周二之前出初稿吧。
评论