将 Bootswatch 主题与 Twitter-Bootstrap-Rails Gem 集成答案

【问题标题】：Integrating Bootswatch Theme with Twitter-Bootstrap-Rails Gem将 Bootswatch 主题与 Twitter-Bootstrap-Rails Gem 集成
【发布时间】：2012-06-08 20:17:16
【问题描述】：

我有一个使用 Bootstrap 运行的 Ruby on Rails 应用程序，我使用 gem twitter-bootstrap-rails 安装了它。

我现在想集成一个新的 Bootswatch 主题，但我不知道该怎么做。

每个主题有四种可能的下载方式——bootstrap.css 文件、bootstrap.min.css 文件、variables.less 文件和 bootswatch.less。我的问题是：我需要下载并将它们全部添加到我的~/app/assets/stylesheets 文件夹吗？还是我只需要其中的一部分？目前~/app/assets/stylesheets 内部只有两个文件：application.css 和boostrap_and_overrides.css.less。 LESS 真的让我失望了，所以我完全不知道它是如何工作的，以及我需要做什么才能使用此设置添加新的 css 文件。任何帮助表示赞赏。

【问题讨论】：

标签： ruby-on-rails less twitter-bootstrap-rails bootswatch

【解决方案1】：

您只需要下载 bootstrap.css 文件，并重命名即可。 bootstrap.min.css 与 css 文件相同，只是它的缩小版本。 Less 只是另一种编写 css 并以不同方式访问每个属性的方式。查看less。添加 css 文件并开始集成到 html 中，同时将 html 指向新的样式表。

【讨论】：

所以我假设如果我放入 bootstrap.css 文件，将其重命名为 new_theme.css，并添加 stylesheet_link_tag（在 application.html.haml 视图中）或 require（在 application.html.haml 视图中）。 css)，新主题会在适当的地方覆盖默认的 Bootstrap 主题？
是的，还可以查看他们的github 页面，这是关于如何使用他们的引导程序的非常有价值的信息。

【解决方案2】：

这是一个 twitter bootstrap gem，用于轻松集成/自定义 Rails 的 Bootswatch 主题：

https://github.com/scottvrosenthal/twitter-bootswatch-rails

【讨论】：