在 Less / Grunt / NOde 中使用 Bootstrap

Question

我是 Grunt 的新手 - 我通过 grunt/node 进行的设置较少，并且希望包含 Bootstrap 的基本无样式响应式 backbone - 而不是整个 css/js - 这可能吗 - 谁能解释一下我是如何阅读各种文档的，我很困惑！

我找到了这个 NPM 库 - https://www.npmjs.com/package/grunt-bootstrap 听起来它可以提供我想要的东西，但我不知道哪些文件可以为我提供没有所有样式的基本响应框架 - 或者什么文件相关的 Boostrap 版本 - 谁能给我建议？

Answer 1

您可以下载Bootstrap's source code。然后运行 npm install，之后你可以通过运行执行 G运行t 任务来重建 bootstrap。

您可以通过注释掉 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 可用于您的项目。

在 Less / Grunt / NOde 中使用 Bootstrap

Using Bootstrap with Less / Grunt / NOde

css

twitter-bootstrap

gruntjs

less

npm