2012-06-20 19 views
1

因此,我使用引導程序Customize and Download page生成帶有自定義顏色的Bootstrap文件版本。我的想法是我想添加一些其他顏色(例如@purpleLight)來更容易地維護網站設計,因此我查看網站生成的下載內容,並且我的自定義看起來並不在任何地方,更不用說了某處爲我添加其他人。 下面是來自於該網站吐出bootstrap.zip:Bootstrap自定義下載中的顏色?

  • CSS
    • bootstrap.css
    • bootstrap.min.css
  • IMG
    • glyphicons,半身人.png
    • glyphicons-halflings-white.png
  • JS
    • bootstrap.js
    • bootstrap.min.js

...,就是這樣。 因此,據我所知,這些文件中的任何位置都沒有顏色。下載中不包含LESS文件。難道我做錯了什麼?該網站做錯了什麼?我只是沒有看到事實上存在的東西?爲了盡我所能,下載似乎是相同的,無論我選擇的定製選項如何...

而且,等待誰在這裏搞砸了,我會爲我自定義一個調色板的替代最佳方式Bootstrap網站?

+0

我認爲你需要獲取完整的存儲庫才能獲取源文件,包括LESS文件。自定義下載僅提供編譯和縮小版本。 – jsalonen

+0

好吧,我知道,我的問題是,沒有那些,什麼是定製?所說的定製發現在哪裏?如果我下載我的「自定義」版本,然後去下載存儲庫,它不會神奇地擁有我自定義的藍色... – shiser

回答

1

您不能使用自定義下載工具添加更多的LESS變量。您只能重新定義現有變量的值。下載完成後,該工具將使用這些設置變量進行編譯,但由於您沒有獲取LESS文件,因此之後將無法添加更多變量,例如您提到的@purpleLight。

如果你想用更多的LESS變量來擴展Bootstrap,你必須下載full source並從附帶的LESS文件中編譯你的css。 less/文件夾中有一個文件variables.less,您可以在其中添加您的@purpleLight。

+0

因此,僅僅爲了完整的知識,這些定製文件中重新定義的現有值究竟在哪裏?我嘗試了GREPping for「C3ACD3」之類的東西,但是什麼都沒發現, – shiser

+0

它們應該放在'bootstrap.css'和'bootstrap.min.css'中。例如:輸入@linkColor:#000。點擊下載。從下載的包中打開編輯器中的css/bootstrap.css。在第142-149行,你會發現使用自定義顏色的'a'和'a:hover'的聲明。 – kremalicious

+0

* OH * ok,所以我完全誤解了定製程序正在做的事情。我在想,無論我在那裏放置什麼顏色,都會讓我在整個Bootstrap網站中使用\ @blue作爲那種顏色,但真正發生的是我爲編譯器定義了一個值@ \blue,以供該編譯器使用樣式表,這樣。navbar搜索將使用我的自定義\ @blue顏色或任何。現在這些下載更有意義。仍然不知道爲什麼我的grep失敗,雖然:(。謝謝你的幫助! – shiser