Grunt，Bower和Bootstrap 3

Question

我的了解是Bootstrap 3是使用LESS编译的。意思是，如果我想自定义Bootstrap的主题/外观，我会修改各种LESS文件中的变量，然后编译我的自定义Bootstrap库。

我了解是Grunt是JavaScript的编译系统，这并不像缩小，丑化等东西;并且它具有用于定义自定义行为的可插入体系结构。

我了解是Bower是一个依赖管理工具，可独立（从shell）或作为咕噜插件运行。

如果我迄今为止所说的话不真实或误导，请先纠正我！

假设我有我的理解或多或少正确的，那么我的问题是：

我怎么能少用，步兵和鲍尔一起用于创建定制的基于自举程序？我会使用LESS作为自定义引导程序，然后使用Bower将该自定义Boostrap作为依赖项拉入我的应用程序，然后使用Grunt编译/缩小应用程序的JS/CSS资源？还是我偏离轨道，完全离开这里？

Answer 1

我认为你是对的。

首先下载Bootstrap的master.zip，同时确保你已经安装了Node.js和npm。

不是运行：

1. npm install
2. grunt dist（其中重新编译自举，CSS和Javascript）

现在你可以检查Bootstrap's Gruntfile ，并找出如何配置繁重的任务就是建设并扩展Bootstrap。

引导不使用鲍尔的前端包管理（虽然你可以用凉亭安装引导也是如此），但根WordPress的主题确实使用鲍尔：

根使用鲍尔管理引导，jQuery的， Modernizr和 Respond.js。

你可以用bower install --save <package-name>

安装任何包鲍尔使用.bowerrc文件来安装这些软件包。