我正在使用 twitter bootstrap,并且从 github 克隆了 less。我想设置网格宽度变量,因为我需要 960px 固定布局。 940px 宽度的默认值为:
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
我应该为固定的 960px 布局设置什么值?
我尝试过这个,但结果是 950px:
@gridColumns: 12;
@gridColumnWidth: 70px;
@gridGutterWidth: 10px;
解方程
您需要找到解决方案等式 http://www.wolframalpha.com/input/?i=solve+n%2ac+%2B+%28n+-+1%29%2ag+%3D+960%2C+n+%3D+12%2C+c+%3E+g%2C+g+%3E+0+over+integers。其中之一是:
@gridColumns: 12;
@gridColumnWidth: 69px;
@gridGutterWidth: 12px;
另一个:
@gridColumns: 12;
@gridColumnWidth: 58px;
@gridGutterWidth: 24px;
但使用默认的
引导程序设计为 960px http://bootstrapdocs.com/v1.0.0/docs/#grid-system宽度,它只是没有指定侧面的额外边距/填充:
| ------------------------------ 960px width ---------------------------------- |
10px left margin | ------------- 940px container ------------ | 10px right margin
因此,如果您的目标是 960px,我建议您使用默认值。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)