2014-10-28 75 views
2

我想知道我可以改變默認的列數(12)在引導3.我在Documentation如何更改文件少3引導程序默認列數

@grid-columns: 12; 

發現這一點,我認爲這就是我需要的。問題是我不知道它包含哪個.less文件。此外,我不知道進一步的程序將如何?我有一個Sass的背景,但聽說少沒有precombiled?因此,如果我更改-unknown- .less文件中的值,那麼它是否已經工作?我真的很感激,如果有人能指導我通過。

感謝

注:我知道有一個自定義download建設者,但我想有關於引導3的組件的概述,不想重建時,我只是想換一個號碼很快。

減文件:越少被發現,它是variables.lessline: 303

回答

3

如果您還不熟悉少,你可以創建編譯的自定義下載來自Bootstrap Customize頁面。只需編輯該頁面上的網格列,修改您想要的任何其他選項,然後單擊頁面底部的下載。

如果您想自己定製LESS文件,您可以下載它們並在本地進行編譯。如果您熟悉Grunt,可以使用plugin編譯您的LESS文件。還有許多可以使用的獨立編譯器。一個是免費的,跨平臺的是CRUNCH

+0

好吧,這意味着,需要編譯的文件越少。因爲我有信息少可以沒有預編譯工作? – supersize 2014-10-28 14:15:26

+1

對不起,我不明白這個問題。你可以用不同的方式來問它嗎?如果您的文件較少,則需要將它們編譯爲CSS以便瀏覽器瞭解它們。在開發環境中,您可以使用less.js文件在不編譯它們的情況下支持更少的文件,但不建議在生產環境中使用。你可以在這裏下載less.js:https://github.com/less/less.js/ – jme11 2014-10-28 14:57:28

+0

你的理解是正確的。這基本上是我的問題。謝謝! – supersize 2014-10-28 15:26:41

1

用於調節所述全局格列值的變量包含在variables.less文件。通過bootstrap.less文件中的@import語句引用variables.less文件。

bootstrap/ 
 
├── less/ 
 
│ ├── bootstrap.less (@import 'variables.less') 
 
│ ├── ... 
 
│ ├── variables.less 
 
...

的足足少了代碼庫版本3.2.0是在這裏:https://github.com/twbs/bootstrap/archive/v3.2.0.zip

+0

謝謝,我發現那行代碼。但是當我改變數字時,這會自動應用嗎?我需要做一些編譯的東西嗎? – supersize 2014-10-28 11:08:28