smo*_*eno 5 css less twitter-bootstrap
我正在使用twitter引导程序,从github克隆较少.我想设置网格宽度变量,因为我需要一个960px的固定布局.940px宽度的默认值为:
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
Run Code Online (Sandbox Code Playgroud)
我应该为固定的960px布局设置什么值?
我试过这个,但结果是950px:
@gridColumns: 12;
@gridColumnWidth: 70px;
@gridGutterWidth: 10px;
Run Code Online (Sandbox Code Playgroud)
你需要找到一个解决方案(S)的equasion.其中之一是:
@gridColumns: 12;
@gridColumnWidth: 69px;
@gridGutterWidth: 12px;
Run Code Online (Sandbox Code Playgroud)
另一个:
@gridColumns: 12;
@gridColumnWidth: 58px;
@gridGutterWidth: 24px;
Run Code Online (Sandbox Code Playgroud)
Bootstrap的设计宽度为960px,它没有在侧面指定额外的边距/填充:
| ------------------------------ 960px width ---------------------------------- |
10px left margin | ------------- 940px container ------------ | 10px right margin
Run Code Online (Sandbox Code Playgroud)
因此,如果您定位960px,我建议您使用默认值.