Twitter Bootstrap LESS css

Question

我想知道爲什麼我不能使用LESS在twitter bootstrap中設置變量。我在使用bootstrap_and_overrides.css.less文件的rails上使用ruby。它有以下聲明

// Your custom LESS stylesheets goes here 
    // 
    // Since bootstrap was imported above you have access to its mixins which 
    // you may use and inherit here 
    // 
    // If you'd like to override bootstrap's own variables, you can do so here as well 
    // See http://twitter.github.com/bootstrap/less.html for their names and documentation 
    // 
    // Example: 
    // @linkColor: #ff0000; 

所以我的理解是，我可以在這裏設置我的變量。所以我設置

@black: #333; 

，然後在我的application.css調用@black文件，但它不工作，用它嘗試過？即不呈現#333。

我的理解是錯誤的嗎？，我所有的變量和css樣式都在bootstrap和override文件中嗎？

任何意見讚賞

Answer 1

按照說明在http://lesscss.org/#usage以確保您的更新較少被使用，如果你正在使用它的客戶端。

OR

編譯更新的少進CSS，然後通過更新複製CSS。 下面是可以編譯的工具列表。 http://bootstrap.lesscss.ru/less.html#compiling

有關如何組織引導的修改建議見SO質疑Twitter Bootstrap Customization Best Practices

順便說一句，我不會建議改變@black。改變它會改變很多很多的東西，包括你可能沒有想到的東西。

Answer 2

如果我正確理解了你，你正在修改你的bootstrap_and_overrides.css.less文件，但是使用的文件是application.css文件。
如果是這樣的話，當然不會反映你所做的改變。您必須先將.less文件編譯爲.css。以反映對您的.css文件所做的更改。

對於一個嘗試，通過使用客戶端和設置您的環境不那麼像這樣：

例如，在你的index.html文件，把

<link rel="stylesheet/less" type="text/css" href="application.less" /> 

在文件頭。和它下面添加

<script src="less.js" type="text/javascript"></script> 

下載less.js文件從here。並將其放入根目錄中，或者您當然可以自定義位置並在href屬性中創建必要的路徑。

完成上述操作後，即可準備修改application.less文件（而不是application.css）。您可以從application.css文件複製您現有的自定義樣式。

application.less是你應該放置變量的地方。

可以將您的bootstrap_and_overrides.css.less文件重命名爲application.less，並確保它是一個在標題標籤掛。

欲瞭解更多關於LESS CSS結帳wiki的信息。