Question

我正在尝试使用bower的bootstrap，但是因为它克隆了整个repo，所以没有CSS和其他东西。

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

Answer 1

~~我最终使用以下内容结束： bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip~~

对我来说似乎更清洁，因为它没有克隆整个仓库，它只解压缩所需的资产。

缺点是它打破了凉亭哲学，因为bower update不会更新引导程序。

但我认为它比使用bower install bootstrap然后在工作流程中构建引导程序更清晰。

~~我想这是一个选择问题。~~

更新：似乎他们现在是dist文件夹的版本（请参阅：https://github.com/twbs/bootstrap/pull/6342），所以只需使用bower install bootstrap并指向dist文件夹中的资源

Answer 2

有一个名为bootstrap-css的预构建bootstrap bower包。我认为这是你（和我）希望找到的。

bower install bootstrap-css

谢谢Nico。

Answer 3

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

<强>更新

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

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

Answer 4

假设您已安装npm并全局安装了bower

导航到您的项目
bower init（这将在您的目录中生成bower.json文件）
（然后一直点击是）...
设置将安装bootstrap的路径：
手动创建bower.json文件旁边的.bowerrc文件，并将以下内容添加到其中：

{ ＆＃34;目录＆＃34; ：＆＃34;公共/组件＆＃34; }
bower install bootstrap --save

注意：安装其他组件：

 bower search {component-name-here}

Answer 5

我最终选择了一个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/

Answer 6

还记得使用如下命令：

bower search twitter

您将获得一个包含与twitter相关的任何包列表的结果。通过这种方式，您可以了解有关Twitter和Bower的所有信息，例如了解是否有全新的凉亭组件。

Answer 7

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

Here is a video tutorial on that

使用带凉亭的bootstrap

7 个答案: