135

我正在尝试将 bootstrap 与 bower 一起使用,但由于它克隆了整个 repo,因此没有 CSS 和其他东西。

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

4

7 回答 7

84

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

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

这样做的缺点是它打破了凉亭哲学,因为 abower update不会更新引导程序。

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

我想这是一个选择问题。

更新:似乎他们现在对 dist 文件夹进行了版本化(参见:https ://github.com/twbs/bootstrap/pull/6342 ),所以只需使用bower install bootstrap并指向dist文件夹中的资产

于 2013-01-25T09:38:55.193 回答
78

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

bower install bootstrap-css

谢谢尼科。

于 2013-07-04T17:33:27.583 回答
28

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

更新:

从 v3dist开始,包中有一个文件夹,其中包含所有 css、js 和字体。


另一种选择(如果您只想获取单个文件)可能是:pulldown。配置非常简单,您可以轻松地将自己的文件/url 添加到列表中。

于 2013-01-23T11:53:42.213 回答
4

假设你已经安装了 npm 并在全局安装了 bower

  1. 导航到您的项目
  2. bower init (这将在您的目录中生成 bower.json 文件)
  3. (然后继续单击是)...
  4. 设置 bootstrap 的安装路径:在 bower.json 文件旁边
    手动创建一个.bowerrc文件并将以下内容添加到其中:

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

  5. bower install bootstrap --save

注意:要安装其他组件:

 bower search {component-name-here}
于 2015-05-20T20:45:50.183 回答
3

我最终使用了一个 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/
于 2013-04-30T18:10:38.330 回答
2

还请记住,使用如下命令:

bower search twitter

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

于 2014-02-04T08:27:54.463 回答
0

您已在系统上安装nodeJs以执行npm命令。一旦npm正常工作,您可以访问bower.io。在那里,您将找到有关此主题的完整文档。你会发现一个命令$ npm install bower。这将在您的机器上安装凉亭。安装bower后,您可以轻松安装 Bootstrap。

这是一个视频教程

于 2017-09-08T11:54:35.210 回答