与凉亭使用bootstrap
我试图使用引导与凉亭,但因为它克隆整个回购,没有CSS和其他的东西。
这是否意味着我需要在自己的构build过程中包含构buildBootstrap? 或者如果我错了,什么是正确的工作stream程?
我终于结束使用以下内容: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip
看起来更清洁,因为它不克隆整个回购,它只解压缩所需的资产。
其缺点是,它打破了凉亭哲学,因为bower update
不会更新bootstrap。
但是我认为它比使用bower install bootstrap
,然后在工作stream程中构buildbootstrap更清洁。
我想这是一个select的问题。
更新:似乎他们现在版本的dist文件夹(请参阅: https : //github.com/twbs/bootstrap/pull/6342 ),所以只需使用bower install bootstrap
并指向dist
文件夹中的资源
有一个名为bootstrap-css的预置bootstrap凉亭包。 我想这是你(和我)希望find的。
bower install bootstrap-css
谢谢尼科。
css和js文件位于软件包内: bootstrap/docs/assets/
更新:
自v3以来,软件包中有一个包含所有css,js和fonts的dist
文件夹。
另一个选项(如果你只想获取单个文件)可能是: pulldown 。 configuration非常简单,您可以轻松地将您自己的文件/url添加到列表中。
假设你安装了npm并且安装了全局的bower
- 导航到您的项目
-
bower init
(这会在您的目录中生成bower.json文件) - (然后继续点击是)…
-
设置引导程序的安装path:
在.bowerrc
文件旁边手动创build一个.bowerrc
文件并添加以下内容:{“directory”:“public / components”}
-
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的一切信息,比如知道是否有全新的凉亭组件。
你已经在你的系统上安装nodeJs来执行npm
命令。 一旦npm
正常工作,您可以访问bower.io
。 在那里你会find关于这个主题的完整文档。 你会发现一个命令$ npm install bower
。 这将在您的机器上安装凉亭 。 安装bower之后,您可以轻松安装Bootstrap。
这里是一个video教程