【问题标题】:How to use Bootstrap 3 RC with Rails 4如何在 Rails 4 中使用 Bootstrap 3 RC
【发布时间】:2013-08-03 11:19:32
【问题描述】:

我正在尝试从 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

【问题讨论】:

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


    【解决方案1】:

    尝试使用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
    

    【讨论】:

    • 我昨天很快尝试了这个,但在使用新 gem 运行捆绑安装后启动服务器时遇到问题。有人可以确认这行得通吗?我今天可能会花一些时间调试它。
    • 谢谢!还需要遵循以下 Andrew Patzer 的建议
    • 我真的很惊讶这有 15 个赞成票并被标记为正确答案。这不起作用。
    • 刚刚试了一下,对我来说效果很好,也许 bibstha 的编辑添加了必要的信息?
    • 谢谢。也许这会有所帮助,“来自 Andre Patzer 的建议”正在将 @import "twitter/bootstrap" 添加到 .css.scss 文件中,除了 application.css 文件中的 `require twitter/bootstrap'。
    【解决方案2】:

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

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

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

    【讨论】:

    • master 分支是否会更新为默认使用 Bootstrap 3?
    • 看起来分支 '3' 已于 2013 年 9 月 9 日合并到 'master' 中,因此不再需要上面的 branch: '3' 选项。不过还没有发布,所以我们仍然需要从 github 获取。
    【解决方案3】:

    我尝试了 ShenoudaB 建议的解决方案并让它正常工作。与以前的版本相比,我需要改变的地方是:

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

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

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

    【讨论】:

      【解决方案4】:

      为什么不是官方的

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

      谢谢

      【讨论】:

        【解决方案5】:

        因为你已经在使用 bootstrap-sass gem

        我会推荐这个

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

        【讨论】:

        • bootstrap-sass gem 是否已完全升级到 Bootstrap 3?有人在 Rails 4 应用程序中成功使用它(和 javascript 组件)吗?
        【解决方案6】:

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

        【讨论】:

          【解决方案7】:

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

          【讨论】:

            猜你喜欢
            • 2017-09-05
            • 1970-01-01
            • 2014-04-04
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多