使用凉亭安装 Bootstrap 4

Question

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

教程都说只运行“bower install bootstrap”，但这只是再次安装 bootstrap 3。

Answer 1

首先从你的项目中删除旧的引导程序（删除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

这是一个正确的命令行

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

有官方链接如何使用其他包管理器管理引导程序 getbootstrap 4

Answer 4

这也适用于使用 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 稳定版本。