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

时间:2012-06-08 20:17:17

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

我有一个运行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.cssboostrap_and_overrides.css.less LESS 真的让我离开这里,所以我完全不知道它是如何工作的以及我需要做些什么来添加这个设置添加新的css文件。任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:5)

这是一个twitter bootstrap gem,可轻松实现Bootswatch主题集成/定制:

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