20

我正在尝试从 Bootstrap 2 迁移到 Rails 4 项目中的版本 3 RC1。

最初我使用 bootstrap-sass gem 2.3.2,一切顺利。

我现在如何将 Boostrap 3 添加到我的项目中?我找不到任何已转换为 SASS 的 gem,官方文档告诉我要从 LESS 将其编译成 CSS。

我对这一切都很陌生,所以我真的很困惑,有什么帮助吗?

更新似乎我最初使用的 gem 终于更新了: https ://github.com/twbs/bootstrap-sass

4

7 回答 7

29

尝试使用https://github.com/anjlab/bootstrap-rails

通过将以下内容添加到您的Gemfile

gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails',
                          :github => 'anjlab/bootstrap-rails',
                          :branch => '3.0.0'

在您的application.js中添加以下内容:

//= require twitter/bootstrap

在您的application.css中,在其他任何内容之前添加以下内容:

 *= require twitter/bootstrap
于 2013-08-05T09:43:59.443 回答
17

已经有可以使用的候选版本,添加到 GemFile:

gem 'bootstrap-sass', github: 'thomas-mcdonald/bootstrap-sass'

此外,如果您从 bootstrap 2 升级,那么您必须先删除以前的 gem。

于 2013-09-03T18:58:51.043 回答
6

我尝试了 ShenoudaB 建议的解决方案并让它正常工作。我需要从以前的版本改变的事情是:

  • 在您的 application.css.scss 文件中,确保您引用的是 twitter/bootstrap 而不仅仅是 bootstrap。
  • 我还需要添加一个@import "twitter/bootstrap";线到我的CSS。上面的提示可能是多余的,但是一旦我添加了它,它就可以正常工作。
  • 在您的 application.js 文件中,您应该在 //=require 语句中引用 twitter/bootstrap。

我还注意到一些样式发生了变化。检查新文档并确保您的类名与新的类名匹配。

这就是我所做的一切,它对我有用。祝您的应用正常运行!

于 2013-08-12T03:21:13.040 回答
5

为什么不是官方的

https://github.com/twbs/bootstrap-sass

谢谢

于 2014-01-13T03:19:13.253 回答
2

由于您已经在使用 bootstrap-sass gem

我会推荐这个

http://github.com/thomas-mcdonald/bootstrap-sass/tree/3

于 2013-08-18T21:24:05.857 回答
1

还有一个 twitter bootsrap 3 gem: https ://github.com/yabawock/bootstrap-sass-rails

于 2013-09-16T15:34:35.207 回答
0

不知何故,没有人提到http://alademann.github.io/sass-bootstrap/我想知道为什么。

于 2013-10-11T20:18:39.647 回答