发表于: 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%;
}
}
/* 十等分栅格结束 */
评论