发表于: 2021-04-12 00:17:01

1 770


今天完成的事情:

接着任务八首页

完成 学习部分



优秀学员展示部分没碰到说明难点,直接就做出来

接着是战略合作企业 。之前图片没有弄好,重新切一次图片,我使用flex布局

把flex分成五分

使用flex布局连接部分

ul标签自带左内边距。

导致设置鼠标悬停效果的时候,绿色的下划线超出ul标签的宽度,

使用左内边距=0

  padding-left0 !important;



把最下部分做出来,我的想法就是用栅格系统。左边占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;

}

按照网上查到的结果

明天计划的事情:完成首页。继续下一个页面



遇到的问题:

          <li class="active">

没有效果的,




收获:bootstrap栅格系统分成5份


返回列表 返回列表
评论

    分享到