2012-07-20 60 views
4

我已經從download with docs鏈接下載了.less文件,並且已將它添加到我的項目中。我已經下載less.js並將其添加到我的項目。如果我包括一個頁面頭部以下:Twitter Bootstrap響應css不是從較少的文件生成

<link rel="stylesheet/less" href="@routes.Assets.at("less/bootstrap.less")"> 
    <script src="@routes.Assets.at("less/less-1.3.0.min.js")"></script> 

自舉似乎工作,減去響應部分(如果瀏覽器窗口過窄即導航欄不會崩潰)。我可以通過手動添加自舉responsive.css解決這個

<link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap-responsive.css")" /> 

的問題是,如果我想修改我的網頁的顏色主題,我需要在引導-responsive.css,編輯顏色值,其是一種痛苦。它看起來像一些.less文件是爲了生成bootstrap-responsive.css(例如,響應navabar.less),但它們不起作用。

有關如何從.less文件獲取bootstrap-responsive.css文件的任何建議?

+0

重要提示! responsive.less應放置在導入結尾附近。不在網格系統和頁面結構中。 我把它放在組件的底部nav – 2013-02-15 12:39:21

回答

10

您還需要明確地包含這個文件:

responsive.less 

假設你使用的是最近Twitter的引導的版本(2.0.x版本)。

由於在其網站(http://twitter.github.com/bootstrap/scaffolding.html#responsive)提到:

引導不會自動包含這些媒體的質疑,但理解和添加他們是很容易的,只需要很少的設置。 您有包括引導的響應特性的一些選項:

  1. 使用編譯響應版本,引導-responsive.css
  2. 添加@import「responsive.less」,並重新編譯引導
  3. 修改並作爲一個單獨的文件重新編譯responsive.less

爲什麼不只是包括它?真相被告知,並非所有事情都需要做出反應。我們沒有鼓勵開發人員去除這個功能,而是最好地啓用它。

+0

參見http://stackoverflow.com/q/13809895/1430996 – 2013-06-17 17:34:28

+0

@JeromyFrench:你鏈接的問題和這個問題之間的關係是什麼?這並不是顯而易見的,只關注你所關聯的問題。 – Tadeck 2013-06-17 17:44:25

+0

這兩個問題都涉及Bootstrap LESS,特別是通過LESS源自定義Bootstrap CSS的策略(「...如果我想修改我的頁面的顏色主題...」)。如果你認爲它不有用(或者我應該評論這個問題而不是你的回答),我會刪除它。 – 2013-06-17 17:48:18