twitter-bootstrap - bower でのブートストラップの使用

Question

bowerでbootstrapを使おうとしているのですが、レポ全体をクローンするので、CSSなどはありません。

自分のビルド プロセスに Bootstrap のビルドを含める必要があるということですか? または、私が間違っている場合、正しいワークフローは何ですか?

Answer 1

私は最終的に以下を使用して終了しました: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

レポ全体を複製するのではなく、必要なアセットのみを解凍するので、私にはきれいに見えます。

その欠点は、bower updateブートストラップが更新されないため、bower の哲学を壊してしまうことです。

bower install bootstrapしかし、ワークフローでブートストラップを使用してから構築するよりも、まだクリーンだと思います。

それは私が推測する選択の問題です。

更新: dist フォルダーをバージョン管理するようになったようです ( https://github.com/twbs/bootstrap/pull/6342を参照)。そのため、フォルダー内bower install bootstrapのアセットを使用してポイントするだけです。dist

Answer 2

css および js ファイルは、パッケージ内にあります。bootstrap/docs/assets/

アップデート：

v3 以降、distすべての css、js、およびフォントを含むパッケージ内のフォルダーがあります。

---

別のオプション (単一のファイルを取得するだけの場合) は次のとおりです。構成は非常に簡単で、独自のファイル/URL をリストに簡単に追加できます。

Answer 3

npm がインストールされ、bower がグローバルにインストールされていると仮定します。

1. プロジェクトに移動します
2. bower init (これにより、ディレクトリに bower.json ファイルが生成されます)
3. (その後、[はい] をクリックし続けます)...

4. ブートストラップがインストールされるパスを設定するには、bower.json ファイルの隣に
   手動でファイルを作成し、以下を追加します。.bowerrc

   {「ディレクトリ」:「パブリック/コンポーネント」}

5. bower install bootstrap --save

注: 他のコンポーネントをインストールするには:

 bower search {component-name-here}

Answer 4

最終的に、プロジェクトを最初にチェックアウトするときに一度だけ実行する必要があるシェルスクリプトを使用することになりました

#!/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 5

また、次のようなコマンドでそれを覚えておいてください：

bower search twitter

twitter に関連するパッケージのリストを含む結果が得られます。このようにして、たとえば最新の Bower コンポーネントがあるかどうかなど、Twitter と Bower に関するすべての最新情報を入手できます。