使用带有Less / Grunt / NOde的Bootstrap

时间:2015-01-08 17:15:53

标签: css twitter-bootstrap gruntjs less npm

我对Grunt来说相当新 - 我通过grunt / node设置较少,并希望包含Bootstrap的基本无格式响应主干 - 而不是整个css / js - 这是可能的 - 任何人都可以解释如何作为我&# 39;我读过各种文件,我很困惑!

我找到了这个NPM库 - https://www.npmjs.com/package/grunt-bootstrap听起来它可以提供我之后的内容,但我不知道哪些文件会为我提供基本响应骨架而没有所有样式 - 或者什么文件所涉及的Boostrap版本 - 有人可以提出建议吗?

1 个答案:

答案 0 :(得分:2)

您可以下载Bootstrap's source code。然后运行npm install,之后您可以通过运行Grunt任务来重建引导程序。

您可以通过注释来禁用Gruntfile.js中的jquery插件。 less/bootstrap.less文件中的CSS代码也一样。

less/bootstrap.less文件已包含有用的评论,例如// Reset and dependencies// Core CSS,因此可以更轻松地找到要使用的内容和不使用的内容。

要编译仅包含网格系统的基本版本,您可以使用包含以下内容的less/bootstrap.less

// Core variables and mixins
@import "variables.less";
@import "mixins.less";

// Reset and dependencies
@import "normalize.less";
@import "print.less";

// Core CSS
@import "grid.less";

如上所述更改less/bootstrap.less后,您可以运行grunt dist-css。上面的命令编译dist/css/bootstrap.min.css,可用于您的项目。