2013-01-18 40 views
1

我想在Twitter的引導使用更少的變量,但不能似乎讓他們在我的application.css文件渲染如何在Twitter的引導少用

所以,當我安裝引導我安裝

rails generate bootstrap:install --less 

這給了我

bootstrap_and_overrides.css.less 

所以我的理解是,在這個文件中,我可以把我的LESS變量,像這樣

@white:#FFFFFF; 

,然後在我的CSS文件,我可以打電話給他們,像這樣

color: @white; 

在我bootstrap.less文件我把這些

@import "twitter/bootstrap/bootstrap"; 
@import "twitter/bootstrap/responsive"; 
@import "twitter/bootstrap/variables.less"; 

,並在我的application.css文件我的呼喚引導文件

*= require bootstrap_and_overrides 

的Gemfile

gem 'less-rails' 

這不工作,我的變量沒有被應用

任何人都可以看到什麼,我做錯了什麼?

任何幫助讚賞

感謝

回答

2

...我可以把我的LESS變量,像這樣

@white:#FFFFFF;

然後在我的css文件中,我可以將它們稱爲顏色:@white;

嗨,我不太熟悉在Rails中使用LESS,所以如果我在這裏,我很抱歉。

我只能在要編譯的文件內使用較少的變量。因此,例如,我可以設置
@white:在custom.less文件中variables.less文件#FFFFFF

也許我有
.light {
顏色:@white; }

我編譯一切後,我可以使用類.light在我的CSS

因此,要解決上述的報價,您可以設置更低的變量,比如
@white:#FFFFFF
然後你可以在另一個較小的文件中使用該變量,這個文件將被編譯,但不能直接在一個CSS文件中。

+0

啊我看到了,現在就開始工作了,感謝您的解釋 – Richlewis

+0

歡迎您與LESS玩得開心 –