2012-04-19 88 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