【发布时间】：2013-01-05 04:51:29
【问题描述】：
我正在尝试将 bootstrap 与 bower 一起使用，但由于它克隆了整个 repo，因此没有 CSS 和其他东西。
这是否意味着我需要在自己的构建过程中包含构建 Bootstrap？或者如果我错了，正确的工作流程是什么？
【问题讨论】：
-
根本不是一个愚蠢的问题。这是我尝试使用 bower 安装的第一个软件包。由此产生的不清晰和混乱让我长时间忽视了这个工具。
【发布时间】：2013-01-05 04:51:29
【问题描述】：
css和js文件位于包内：bootstrap/docs/assets/
更新：
从 v3 开始，包中有一个 dist 文件夹，其中包含所有 css、js 和字体。
另一个选项（如果您只想获取单个文件）可能是：pulldown。配置非常简单，您可以轻松地将自己的文件/网址添加到列表中。
【讨论】：
-
至少在今天对于 Bootstrap 3 来说这是不正确的。 bower_components/bootstrap/docs/assets/css/ 中的唯一文件是 docs.css 和 pygments-manni.css。这些都不是 Bootstrap css 文件。
我终于结束了使用以下内容：
bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip
对我来说似乎更干净，因为它不会克隆整个 repo，它只会解压缩所需的资产。
这样做的缺点是它打破了 Bower 理念，因为 bower update 不会更新引导程序。
但我认为它仍然比使用 bower install bootstrap 然后在您的工作流程中构建引导程序更干净。
我猜这是一个选择问题。
更新：似乎他们现在版本化了 dist 文件夹（参见：https://github.com/twbs/bootstrap/pull/6342），所以只需使用 bower install bootstrap 并指向 dist 文件夹中的资产
【讨论】：
-
刚刚更新了
npm和bower并在component.json中有"bootstrap": "http://twitter.github.com/bootstrap/assets/bootstrap.zip"似乎也可以工作。 -
这不是首先破坏了使用 bower 的目的吗？
-
是的，这有点糟糕。但更糟糕的是在您自己的构建过程中重新构建引导程序，因为他们不会在他们的存储库中版本构建。
-
@namuol ，确切地说，我认为 Bower 是为那些不知道如何为任何库（如 jquery、bootstrap）制作 dir 结构的人创建的......提供它没有意义源文件给不知道的人，这让他们更加困惑！
-
更新 npm 是我的解决方案。
我最终使用了一个 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/
【讨论】：
-
@lenswipe 是的，我也不是，反正现在也不是。三年后，事情发生了变化，人们不再需要这样做了
有一个预构建的 bootstrap bower 包，称为 bootstrap-css。我认为这是您（和我）希望找到的。
bower install bootstrap-css
谢谢尼科。
【讨论】：
-
@DanielM 如果它显示了如何获取/安装该软件包。目前它是评论而不是答案。
-
凉亭安装 bootstrap-css
-
那是正确的答案。这是包含所有 .min.{js|css} 文件的预构建 repo。
还请记住，使用如下命令：
bower search twitter
您会得到一个结果，其中包含与 twitter 相关的任何包的列表。这样您就可以了解有关 Twitter 和 Bower 的所有信息，例如了解是否有全新的 bower 组件。
【讨论】：
-
谢谢，这有助于显示与 Twitter 相关的所有内容，但它显示了许多安装选项。如果您想安装最新的 twitter 引导程序，请使用安装 github.com/twbs/bootstrap 的“bower install twitter”，它还包含 dist 目录中的已编译源代码。
-
完美，因此结合两者，您始终可以知道要在您的计算机中安装什么。
假设您已全局安装 npm 和 bower
- 导航到您的项目
-
bower init（这将在您的目录中生成 bower.json 文件） - （然后继续单击是）...
-
设置引导程序的安装路径：
在 bower.json 文件旁边手动创建一个.bowerrc文件，并在其中添加以下内容：{ “目录”：“公共/组件” }
bower install bootstrap --save
注意：安装其他组件：
bower search {component-name-here}
【讨论】：
您已在系统上安装 nodeJs 以执行npm 命令。一旦npm 正常工作，您可以访问bower.io。在那里，您将找到有关此主题的完整文档。你会发现一个命令$ npm install bower。这将在您的机器上安装 bower。安装 bower 后，您可以轻松安装 Bootstrap。
【讨论】：