将Bootstrap v4.0.0-alpha.3添加到Ember应用程序

Question

我试图将我的Ember应用程序中的Bootstrap依赖项更新为alpha 4版本，以便我可以访问实用程序类（例如margin / padding）。

我认为Bootstrap是一个凉亭依赖，因为它列在bower.json中，所以我按照the new Bootstrap website的说明进行了操作：

bower install bootstrap#v4.0.0-alpha.3

当我这样做时，bower.json没有更新。实际上，Bootstrap版本仍为"bootstrap": "^3.3.7"。

唯一的区别是：

1. 现在我的终端中有152个JSHint错误...我尝试将"bootstrap":true添加到.jshintrc并重新启动我的服务器，但错误仍然存​​在。
2. 我删除了我的余烬应用，直到我删除了change-version.js中的第1行#!/usr/bin/env node。
3. 当我开始在模板中键入新的css样式时，CSS样式会显示，但我的Ember应用程序无法识别它们。例如，这是一张图片：

当我添加类m-r-3并重新加载localhost时，什么都没有显示。

我已尝试在bootstrap.min.css文件中导入bootstrap.css和ember-cli-build.js。它没有用。

我已阅读this page which goes over dependencies，但我没有运气。如果有人可以在这里提供帮助，那将非常感激。

Answer 1

您需要使用--save参数来保存bower.json：

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

查看bower_components目录，是否保留旧版本的bootstrap？如果有，请将其删除。

正如您所说，您应该bootstrap.css添加ember-cli-build.js。看一下this addon，检查您的编码与输入错误或错误添加。

您的客户端是否加载任何版本的引导程序？ （检查vendor.js）