12栅格体系描述
12栅格体系实现
less
@N: 31/636;
@P: 24/636;
.colWidth (@index) {
width: percentage(@N * @index + @P * (@index - 1));
}
.colHeight (@index) {
height: percentage(@N * @index + @P * (@index - 1));
}
.col-2 {
.colWidth(2);
}
.col-3 {
.colWidth(3);
}