发表于: 2019-06-21 21:44:05

1 926


今天完成的事情:任务8的第一页
明天计划的事情:接着写任务8
遇到的问题:任务中有五等均分和十等均分的需求,而bootstrap不能做到.
收获:通过查找资料,根据任务需求写了十等分栅格的 一 二 五 部分代码如下

/* 十等分栅格开始 */

.jyy_col-xs-5,

.jyy_col-sm-5,

.jyy_col-md-5,

.jyy_col-lg-5,

.jyy_col-xs-2,

.jyy_col-sm-2,

.jyy_col-md-2,

.jyy_col-lg-2,

.jyy_col-xs-1,

.jyy_col-sm-1,

.jyy_col-md-1,

.jyy_col-lg-1 {

float: left;

position: relative;

min-height: 1px;

padding-right: 15px;

padding-left: 15px;

}

@media (min-width: 768px){

.jyy_col-sm-5{

width: 50%;

}

.jyy_col-sm-2{

width: 20%;

}

.jyy_col-sm-1{

   width: 10%;

}

}

@media (min-width: 992px){

.jyy_col-md-5{

width: 50%;

}

.jyy_col-md-2{

width: 20%;

}

.jyy_col-md-1{

   width: 10%;

}

}

/* 十等分栅格结束 */




返回列表 返回列表
评论

    分享到