发表于: 2021-04-12 00:17:01
1 992
今天完成的事情:
接着任务八首页
完成 学习部分
优秀学员展示部分没碰到说明难点,直接就做出来
接着是战略合作企业 。之前图片没有弄好,重新切一次图片,我使用flex布局
把flex分成五分
使用flex布局连接部分
ul标签自带左内边距。
导致设置鼠标悬停效果的时候,绿色的下划线超出ul标签的宽度,
使用左内边距=0
把最下部分做出来,我的想法就是用栅格系统。左边占4分,中间占6分,右边占2分
因为上面的战略合作企业,随着屏幕的大小不同他们挤在了一起,查了下如何把栅格系统分成五等份
.col-md-1-5 {
width: 20%; float: left;
}
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;
}
按照网上查到的结果
明天计划的事情:完成首页。继续下一个页面
遇到的问题:
没有效果的,
收获:bootstrap栅格系统分成5份
评论