用于 Rails 的 Twitter Bootstrap Gems 之间的比较 [关闭]

Posted 2023-03-06

【中文标题】用于 Rails 的 Twitter Bootstrap Gems 之间的比较 [关闭]

【英文标题】：Comparison between Twitter Bootstrap Gems for Rails [closed]

【发布时间】：2012-05-21 22:58:04

【问题描述】：

为 Rails 提供 Twitter Bootstrap 功能的不同 gem 的优点和/或缺点是什么？在撰写此问题时，Ruby Toolbox lists the following projects：

twitter-bootstrap-rails bootstrap-sass bootstrap_form less-rails-bootstrap anjlab-bootstrap-rails compass_twitter_bootstrap bootstrapped-rails bootstrap-sass-rails bootstrap-generators css-bootstrap-rails twitter-bootstrap-markup-rails fennec bootstrap-rails compass-bootstrap bootstrapped

甚至其他一些提供部分功能（例如生成表单）。这些宝石有何不同？

附：如果合适，请在单独的答案中写下每颗宝石，以便为每颗宝石投票。

【问题讨论】：

另见Rails Tutorial -Bootstrap and Custom CSS（使用bootstrap-sass）、railsapps.github.io/twitter-bootstrap-rails.html（他们推荐bootstrap-sass）和railscasts.com/episodes/328-twitter-bootstrap-basics（他使用 twitter-bootstrap-rails）。我个人使用 bootstrap-sass 并且喜欢它。

【参考方案1】：

我使用 anjlab-bootstrap-rails。

它有这些好处： 它的发展非常活跃。 他们最近发布了第三个版本，其中包括最新的 twitter bootstrap 3。 它也适用于 rails4。 bootstrap3 的一个重要方面是图标从 .png 迁移到字体文件，这很棒。

总的来说，我很满意。

【参考方案2】：

我尝试了 anjlab-bootstrap-rails，因为我想用 Bootstrap 3.0 RC1 开始一个新的原型项目和 Rails 4。

我在使用 turbolinks 时遇到了一些问题，并且 bootstrap javascript 不适用于导航栏中使用的下拉组件。

经过一些搜索和一些调试，我可以让它工作将javascript包含标签移动到html布局页面的head部分。

这个 gem 的一个优点是它不包含图标，您可以选择任何您想要的集合，例如 glyphicons 或 awesome-font。

【讨论】：

你还在用这个 gem 吗？

是的，我还在用它。它现在完美无缺。在我的项目中，我使用了这两个 gem：gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails' gem 'bootstrap-glyphicons'

【参考方案3】：

gem 使用各种方法将 twitter 引导程序导入到您的 Rails 应用程序中。

引用自一篇关于该主题的优秀博客文章，Twitter Bootstrap, Less, and Sass: Understanding Your Options for Rails 3.1：

通过 Rails 引擎使用原始的 Less 代码（less-rails-bootstrap 或 twitter-bootstrap-rails） 将翻译后的 Sass 代码直接复制到您的应用程序 (sass-twitter-bootstrap)，或 通过 Rails 引擎（bootstrap-sass 或 bootstrap-rails）使用翻译后的 Sass 版本。

确定您最喜欢哪种方法，将帮助您决定使用哪种宝石。