使用 Bower 安装 Bootstrap 4

Question

我已经生成了一个 yeoman 网站，它与 bootstrap 3 一起出现，我该如何安装 bootstrap 4。

教程都说只运行 "bower install bootstrap"，但那只会再次安装 bootstrap 3。

Answer 1

首先从你的项目中删除旧的bootstrap（删除bower_components/bootstrap/目录）

你有两个选择：

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 文件的第二个选项，因为这是更灵活的解决方案，您可以通过简单地添加新行，将 boser.json 用于您需要的其他包。

Answer 2

Boostrap v4 当前处于 alpha 状态。命令 bower install bootstrap 安装最新的稳定版本。

要下载 alpha 版本并保存此选择运行:

bower install bootstrap#4.0 --force-latest --save

Answer 3

这也适用于使用 CodeKit 的人（似乎您不能在 CodeKit 中使用 bower 命令）！

1) 删除旧的 bower_components/bootstrap 文件夹。

2) 在您的根目录中创建一个 bower.json 文件，内容如下：

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

3。通过 codekit 安装常规 bootstrap 版本。 --> 将自动安装 4.0-alpha 版，而不是 3.x 稳定版。

Answer 4

这是正确的命令行

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

官方有link如何与其他包管理器一起管理bootstrap getbootstrap 4

Installing Bootstrap 4 with bower