我正在尝试将 bootstrap 与 bower 一起使用,但由于它克隆了整个 repo,因此没有 CSS 和其他东西。
这是否意味着我需要在自己的构建过程中包含构建 Bootstrap?或者如果我错了,正确的工作流程是什么?
我正在尝试将 bootstrap 与 bower 一起使用,但由于它克隆了整个 repo,因此没有 CSS 和其他东西。
这是否意味着我需要在自己的构建过程中包含构建 Bootstrap?或者如果我错了,正确的工作流程是什么?
我终于结束了使用以下内容:
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
文件夹中的资产
有一个名为 bootstrap-css 的预构建 bootstrap bower 包。我认为这是您(和我)希望找到的。
bower install bootstrap-css
谢谢尼科。
css 和 js 文件位于包中:bootstrap/docs/assets/
更新:
从 v3dist
开始,包中有一个文件夹,其中包含所有 css、js 和字体。
另一种选择(如果您只想获取单个文件)可能是:pulldown。配置非常简单,您可以轻松地将自己的文件/url 添加到列表中。
假设你已经安装了 npm 并在全局安装了 bower
bower init
(这将在您的目录中生成 bower.json 文件)设置 bootstrap 的安装路径:在 bower.json 文件旁边
手动创建一个.bowerrc
文件并将以下内容添加到其中:
{“目录”:“公共/组件”}
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 组件。
您已在系统上安装nodeJs以执行npm
命令。一旦npm
正常工作,您可以访问bower.io
。在那里,您将找到有关此主题的完整文档。你会发现一个命令$ npm install bower
。这将在您的机器上安装凉亭。安装bower后,您可以轻松安装 Bootstrap。