【问题标题】:Twitter bootstrap: do I need both bootstrap-sass and twitter-bootstrap-rails gems?Twitter bootstrap:我需要 bootstrap-sass 和 twitter-bootstrap-rails gems 吗?
【发布时间】:2013-04-27 20:47:57
【问题描述】:

我的 (Rails 3.2.13) Gemfile 有以下条目:

gem 'twitter-bootstrap-rails'
gem 'bootstrap-sass'

在 app/assets/javascripts/application.js 中:

//= require twitter/bootstrap

在 app/assets/stylesheets/custom.css.scss 的顶部:

@import 'bootstrap'

这是“正确的”吗?我需要'twitter-bootstrap-rails'和'bootstrap-sass'(或者可能是'bootstrap-sass-rails'),还是它们是多余的并且可能相互冲突? 'bootstrap-sass' gem 包含框架的 javascript,还是仅包含 CSS?

【问题讨论】:

    标签: ruby-on-rails-3 twitter-bootstrap


    【解决方案1】:

    不,你不需要两者。

    只需将其放入您的 gemfile 中即可:

    gem 'sass-rails'
    gem 'bootstrap-sass'
    

    这个在application.css.scss中:

    @import 'bootstrap';
    @import 'bootstrap-responsive';
    

    这个在 application.js 中

    //= require bootstrap
    

    如果您仍然遇到问题,您可能需要查看清单文件中的顺序。

    【讨论】:

    • 如果您使用的是很棒的字体,请查看github.com/littlebtc/font-awesome-sass-rails/pull/35
    • @Abram 感谢您的解决方案,这对我有帮助。只有添加样式表有点不同。对我来说,application.css.scss 中的 @import 不起作用。我必须在 application.css 中添加 `= require bootstrap`。
    【解决方案2】:

    如果你想使用 SASS,你应该使用 boostrap-sassbootstrap-sass-railsTwitter-bootstrap-rails 使用 LESS 源。如果要同时包含两者,则可能会发生冲突。所有这些都包含用于引导的 javascript 并集成到资产管道中。

    我个人使用 LESS 版本,因为它是 bootstrap 最初编写的版本。(在 bootstrap 更新时可能会获得更快的版本)

    通常最好在 github 上查看 gem 以评估您的确切需求以及它们支持的 Rails 版本。

    【讨论】:

    • 我接受了这个答案,因为您专门回答了我关于 javascript 是否包含在以“sass”命名的 gem 中的问题。谢谢!
    猜你喜欢
    • 2012-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多