在引导程序中使用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

回答

相关问题