web-dev-qa-db-ja.com

インストールBootstrap 4 with bower

私はyeomanウェブサイトを生成しましたが、それはbootstrap 3に付属しています。代わりにbootstrap 4をインストールできます。

チュートリアルはすべて「bower install bootstrap」を実行するだけですが、それはbootstrap 3を再度インストールします。

23
Henry00

まず、プロジェクトから古いbootstrap=を削除します(bower_components/bootstrap/ディレクトリを削除します)

次の2つのオプションがあります。

1。特定のバージョンのBowerコマンド:

bower install bootstrap#4.0

2。bower.jsonファイルを使用

プロジェクトルートにbower.jsonというファイルを作成します(下の例を参照)

{
    "name": "app-name",
    "version": "0.0.1",
    "dependencies": {
        "bootstrap": "4.0"
    }
}

その後、実行します

bower install

Bower.jsonファイルの2番目のオプションをお勧めします。これはより柔軟なソリューションであるため、新しい行を追加するだけでboser.jsonを必要な他のパッケージに使用できます。

41
areim

Boostrap v4は現在alpha状態です。コマンドbower install bootstrapは、最新の安定版リリースをインストールします。

アルファ版をダウンロードしてこの選択を保存するには、次を実行します。

bower install bootstrap#4.0 --force-latest --save
7
Robin Pokorny

これは正しいコマンドラインです

$ bower install bootstrap#v4.0.0-alpha.3

管理方法の公式リンクがありますbootstrap=他のパッケージマネージャーと getbootstrap 4

2

これはCodeKitを使用している人にも有効です(CodeKitでbowerコマンドを使用できないようです)!

1)古いbower_components/bootstrapフォルダーを削除します。

2)次のコンテンツを使用して、ルートにbower.jsonファイルを作成します。

{
"name": "app-name",
"version": "0.0.1",
"dependencies": {
    "bootstrap": "4.0"
    }
}

3. Instrall regular bootstrap codekitを介したバージョン。 -> 3.x安定版リリースの代わりに、バージョン4.0-alphaが自動的にインストールされます。

0
Tim