在引導程序中使用WinLess 3.3.7

在過去，我使用Bootstrap及其Less文件和WinLess程序編譯成CSS文件（這是在我的Windows 7 PC上）。我不會用Less來做任何事情，只要改變Bootstrap變量中的一些值（主要是顏色），並將我自己的樣式包含在custom.less文件中。在引導程序中使用WinLess 3.3.7

我沒有使用Bootstrap 2年，但現在必須啓動一個新項目，我想我會使用最新版本的Bootstrap，V3.3.7。當我在Bootstrap Getting Started頁面注意到使用Less/Sass時需要使用Autoprefixer時，我下載了源文件並開始設置所有內容。具體來說它說：

Bootstrap使用Autoprefixer來處理CSS供應商前綴。如果您從Less/Sass源代碼編譯Bootstrap，而不是使用我們的 Gruntfile，則需要將Autoprefixer集成到您的內部版本中。如果您使用的是預編譯引導程序或使用我們的Gruntfile，則不需要擔心，因爲已將Autoprefixer集成到我們的Gruntfile中的。

我敢肯定，當我使用老版本的Bootstrap做這件事時，並沒有Autoprefixer的要求。

我不使用Grunt（我對Grunt一無所知，或者它甚至可以在我的Windows 7 PC上工作）。我找不到任何提及使用Autoprefixer的WinLess，所以我認爲它沒有。如果我使用WinLess將Less代碼編譯爲CSS，它將起作用，但我不會添加供應商前綴？這會導致我的問題嗎？有人使用WinLess和Bootstrap 3.3.7，如果有的話，你是如何解決這個需求的？

如果我不能工作，那麼有什麼方法可以自定義Bootstrap顏色幷包含我自己的CSS？也許我可以使用預先構建的bootstrap.min.css並將所有自己的CSS放到custom.css文件中？這將用於添加我自己的樣式，但如果我想更改Bootstraps按鈕或其他項目的顏色，該怎麼辦？

來源

2017-02-09 user3792628

「如果我不能工作，那麼定製Bootstrap顏色幷包括我自己的CSS的好方法是什麼？」 - 問題的答案是：「使用Grunt」（http://getbootstrap.com/getting-started/#grunt）。 –

並回答你的主要問題：「這會導致我的問題嗎？」 - 是的，沒有Autoprefixer你編譯的CSS將無法正常工作。 –

由於這是一個小型的一次性項目，它可能不值得嘗試讓WinLess工作或努力設置Grunt等等的麻煩。最好只使用Bootstrap's Customize功能選擇要包含的組件和顏色以使用;這將創建一個定製的bootstrap.min.css和bootstrap.min.js文件，並且還可以使用config.json文件重新定製，而不必從頭開始（如果需要）。

然後把我所有的自定義CSS放到一個custom.css文件中。

來源

2017-02-10 18:06:16 user3792628

在引導程序中使用WinLess 3.3.7

回答

相關問題