解决方法
我会推荐结账
Twitter Bootsrap.他们正在建设他们的网格系统.他们循环,递归,在一个较少的混合,而不是打字他们需要的每一个类.
有趣的部分是mixins.less文件,在less目录下面的“//网格”注释(第516行).有趣的部分是:
#grid { .core (@gridColumnWidth,@gridGutterWidth) { .spanX (@index) when (@index > 0) { (~".span@{index}") { .span(@index); } .spanX(@index - 1); } .spanX (0) {} ... .span (@columns) { width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)); } ...
这是在grid.less文件中以较少的目录这样的方式调用的:
#grid > .core(@gridColumnWidth,@gridGutterWidth);
哪些产生(除其他外):
.span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } ...
在bootstrap.css线170.
对于@gridColumnWidth,@gridGutterWidth和其余变量检查variables.less文件(第184行)
确保安装最后一个版本的lessc节点编译器.
原文地址:https://www.jb51.cc/css/216574.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。