使用WinLess和Bootstrap 3.3.7

时间:2017-02-09 10:15:25

标签: css twitter-bootstrap-3 less

在过去,我使用Bootstrap及其Less文件和WinLess程序编译成CSS文件(这是在我的Windows 7 PC上)。我不喜欢用Less做任何事情,只需更改Bootstrap变量中的一些值(主要是颜色),并在custom.less文件中包含我自己的样式。

我还没有使用Bootstrap 2年,但现在必须开始一个新项目,我想我会使用最新版本的Bootstrap,V3.3.7。当我在Bootstrap Getting Started页面上注意到使用Less / Sass时需要Autoprefixer时,我下载了源文件并设置了所有内容。具体来说它说:

  

Bootstrap使用Autoprefixer来处理CSS供应商前缀。如果   你从其Less / Sass源代码编译Bootstrap而不是使用我们的   Gruntfile,您需要将Autoprefixer集成到您的构建中   处理你自己。如果您正在使用预编译的Bootstrap或使用我们的   Gruntfile,你不需要担心这个,因为Autoprefixer是   已经集成到我们的Gruntfile中。

我确定当我使用较旧版本的Bootstrap执行此操作时,没有此Autoprefixer要求。

我没有使用Grunt(我对Grunt一无所知,或者它甚至可以在我的Windows 7 PC上运行)。我无法提及使用Autoprefixer的WinLess,所以我认为它没有。如果我使用WinLess将较少的代码编译成CSS,它会起作用,但我不会添加供应商前缀吗?这会给我带来麻烦吗?是否有人使用WinLess和Bootstrap 3.3.7,如果是这样,你是如何解决这个问题的?

如果我不能正常工作,那么自定义Bootstrap颜色和包含我自己的CSS的好方法是什么?也许我可以使用预先构建的bootstrap.min.css并将我自己的CSS放入custom.css文件中?这将用于添加我自己的样式,但如果我想更改Bootstraps按钮或其他项目的颜色怎么办?

1 个答案:

答案 0 :(得分:0)

由于这是一个小型的一次性项目,可能不值得尝试让WinLess工作或努力设置Grunt等麻烦。最好只使用Bootstrap's Customize功能来挑选要包含的组件和要使用的颜色;这将创建一个自定义的bootstrap.min.css和bootstrap.min.js文件,以及一个config.json文件,可以用来重新自定义,而不必在必要时从头开始。

然后将我自己的自定义CSS放入custom.css文件中。