自定義Twitter引導默認網格

我試圖將默認引導網格中的列數從12更改爲8.根據Bootstrap docs，這涉及更改@gridColumns變量，然後在responsive.less中自定義網格。自定義Twitter引導默認網格

我試圖編輯response.less（及其導入的文件）中的網格，但我無法正確理解它。我需要將網格從12列更改爲8的具體值是什麼？

2012-05-24 Joe Mornin

你有[重新編譯的CSS ]（http://twitter.github.com/bootstrap/less.html#compiling）（或者你使用less.js在運行時編譯）？ –

是的。我使用lessc來編譯CSS。 –

打開一個DOM查看器，看看你的列寬是多少。確保它實際上使用了正確的文件。如果是，請確保您還要編輯列排水溝。 – Terry

打開variables.less它包含了所有你需要在底部附近改變的變量：

@gridColumns:    16; 
@gridColumnWidth:   45px; 
@gridGutterWidth:   16px;

確保您加載的少，而不是CSS

2012-05-24 17:35:17

原來這是一個瀏覽器緩存問題。編輯變量的作品。 –

回答