我对Grunt来说相当新 - 我通过grunt / node设置较少,并希望包含Bootstrap的基本无格式响应主干 - 而不是整个css / js - 这是可能的 - 任何人都可以解释如何作为我&# 39;我读过各种文件,我很困惑!
我找到了这个NPM库 - https://www.npmjs.com/package/grunt-bootstrap听起来它可以提供我之后的内容,但我不知道哪些文件会为我提供基本响应骨架而没有所有样式 - 或者什么文件所涉及的Boostrap版本 - 有人可以提出建议吗?
答案 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
,可用于您的项目。