Question

我正在使用Ember 1.7.0并尝试将Twitter Bootstrap CSS Framework集成到ember-cli应用程序中。

我在网上看过一些关于这个的文章，但大多数似乎都已经过时了。截至今天，我已经设法将在线文章的信息放在一起，并提出了这个问题。

bower install --save bootstrap-sass-official

然后检查bower.json以查看是否包含某些内容：

"bootstrap-sass-official": "~3.3.1"

在Brocfile.js中添加以下内容：

app.import('bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js');
app.import('bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss');

重新启动ember-server。导航至http://localhost:4200/assets/vendor.js。看到Twitter Bootstrap源代码就在那里。

然而，在http://localhost:4200/assets/vendor.css，我没有看到任何迹象......

这是正确的安装方式吗？我错过了什么吗？

Answer 1

如果您已经有自定义的Bootstrap版本，请从getbootstrap.com/customize/

开始

首先下载并解压缩到vendor/文件夹，然后在您的Brocfile中执行以下操作：

// Bootstrap
app.import({
  development: 'vendor/bootstrap/css/bootstrap-theme.css',
  production: 'vendor/bootstrap/css/bootstrap-theme.min.css'
});

app.import({
  development: 'vendor/bootstrap/css/bootstrap.css',
  production: 'vendor/bootstrap/css/bootstrap.min.css'
});

Answer 2

bootstrap-for-ember已被弃用，这意味着您不应将ember-cli-bootstrap-sass用于新项目，因为它使用bootstrap-for-ember。因此，使用ember-cli v0.1.12，我正在使用ember-cli-bootstrap-sassy，它被描述为“ember-cli-bootstrap-sass的分支，但对现已解散的bootstrap-for-ember没有任何依赖关系。”

要安装ember-cli-bootstrap-sassy，请从ember-cli项目目录的根目录运行以下命令：

$ ember install:addon ember-cli-bootstrap-sassy

Answer 3

有很多方法。

目前，我所做的是：

npm install --save-dev ember-cli-bootstrap

你已经完成了。

请注意，加载项允许您将配置选项传递给Bootstrap。项目页面：ember-cli-bootstrap

如何将Twitter Bootstrap集成到ember-cli应用程序中？

3 个答案: