如何將Twitter Bootstrap集成到一個ember-cli應用程序中？

我使用Ember 1.7.0並試圖將Twitter Bootstrap CSS框架集成到一個ember-cli應用程序中。如何將Twitter Bootstrap集成到一個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，我沒有看到任何跡象....

這是安裝的正確方法？我錯過了什麼嗎？

來源

2014-11-23 Christian Fazzini

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

來源

2015-02-11 19:44:07

還有許多這樣做的方式。

目前，我做的是：

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

和你做。

請注意，附加組件允許您將配置選項傳遞給Bootstrap。項目頁面：ember-cli-bootstrap

來源

2014-11-23 20:34:45 givanse

很好奇是不是也有類似的方式來獲得與基金會去？ – 2014-11-24 05:51:18

當然，爲什麼沒有辦法？ – givanse 2014-11-24 05:59:31

@ChristianFazzini： 1.使用涼亭添加粉底。 2.添加以下到您的餘燼-CLI-build.js文件 'sassOptions'：{ '的includepaths'：[ 'bower_components /基礎/ SCSS' ] } – 2016-10-19 11:25:49

如果你已經有了一個自定義的引導版本，從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' 
});

來源

2014-11-23 20:39:52 givanse

唯一爲我工作。謝謝！ – FranGoitia 2015-05-27 17:48:18

如何將Twitter Bootstrap集成到一個ember-cli應用程序中？

回答

相關問題