2012-04-19 89 views
5

我收到来自各种论坛帖子的混合信号。它通过改变本身存在:如何使用Twitter Bootstrap 2获得16列响应式布局?

// Default 940px grid 
// ------------------------- 
@gridColumns:    12; 
@gridColumnWidth:   60px; 
@gridGutterWidth:   20px; 
@gridRowWidth:   (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 

// Default 940px grid 
// ------------------------- 
@gridColumns:    16; 
@gridColumnWidth:   40px; 
@gridGutterWidth:   10px; 
@gridRowWidth:   (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 

是所有我需要做的,创建一个16列布局?我看到一些论坛帖子说你必须在选择器span11-16中使用硬编码才能工作,因为Bootstrap 2.0以后不再存在,并且不能动态创建。

回答

4

嗯,我只是试过,它生成16列罚款。你看过这个页面,并试图自定义你的下载?

http://twitter.github.com/bootstrap/download.html

另外,如果你看一看的混入(网格)的556线,你会看到生成的跨度功能。生成跨度时需要考虑总列数。

https://github.com/twitter/bootstrap/blob/master/less/mixins.less

换句话说,你是好去。

+0

非常感谢。我对Bootstrap/LESS相当陌生,我非常欣赏非反应。即使我正在尝试,我也期待着一些RTFM响应。 – MALON 2012-04-19 20:13:51