在Booter中使用Bootstrap

我正在尝试将Bootstrap与Bower结合使用，但是由于它会克隆整个存储库，因此没有CSS和其他内容。

这是否意味着我需要在自己的构建过程中包括构建Bootstrap？或者如果我错了，那么正确的工作流程是什么？

我最终结束了以下操作： bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

对我来说似乎更干净，因为它不会克隆整个存储库，只会解压缩所需的资产。

缺点是它破坏了Bower的哲学，因为a bower update不会更新引导程序。

但我认为它比bower install bootstrap在工作流程中使用然后构建引导程序还要干净。

我猜这是一个选择问题。

更新：似乎他们现在对dist文件夹进行了版本化（请参阅：https : //github.com/twbs/bootstrap/pull/6342），因此只需使用bower install bootstrap并指向该dist文件夹中的资产

有一个预建的Bootstrap Bower软件包，称为bootstrap-css。我认为这是您（和我）希望找到的。

bower install bootstrap-css

谢谢尼科。

css和js文件位于软件包中： bootstrap/docs/assets/

更新：

从v3开始dist，软件包中有一个文件夹，其中包含所有css，js和字体。

另一个选择（如果您只想获取单个文件）可能是：pulldown。配置非常简单，您可以轻松地将自己的文件/ URL添加到列表中。

假设您已经安装了npm并且在全球安装了bower

1. 导航到您的项目
2. bower init （这将在您的目录中生成bower.json文件）
3. （然后继续单击是）...

4. 设置引导程序的安装路径：在bower.json文件旁边
   手动创建一个.bowerrc文件，并在其中添加以下内容：

   {“目录”：“公共/组件”}

5. bower install bootstrap --save

注意：要安装其他组件：

 bower search {component-name-here}

我最终得到了一个Shell脚本，您在初次签出项目时实际上只需要运行一次

#!/usr/bin/env bash

mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font

npm i
bower i

# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/

# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/

还请记住使用以下命令：

bower search twitter

您会得到一个包含与twitter相关的所有软件包的列表的结果。这样，您就可以了解有关Twitter和Bower的所有最新信息，例如了解是否有全新的Bower组件。

您已在系统上安装了nodeJ以便执行npm命令。一旦npm工作正常，您就可以访问bower.io。在那里，您将找到有关此主题的完整文档。您将找到一个命令$ npm install bower。这将在您的计算机上安装凉亭。安装凉亭后，您可以轻松安装Bootstrap。

这是一个关于这个的视频教程