Ruby on Rails:使用Flatly主题进行Bootstrap

时间:2015-04-01 04:44:25

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

问题:我喜欢bootstrap并且在Ruby on Rails中完全正常工作;然而我在bootswatch.com上发现了一个名为Flatly的漂亮主题;我希望在我的基于SASS的应用程序中使用它。我在哪里放这个新的bootstrap.min.css文件?

1)我在Rails上有Ruby(2.2.1)(Rails 4.0+),我安装了以下宝石

gem 'rails', '4.2.0'
gem 'sqlite3'
gem 'sass-rails', '>= 3.2'
gem 'bootstrap-sass', '~> 3.3.4'
gem 'autoprefixer-rails'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'jquery-rails'

根据https://bootswatch.com,Flatly THEME只需要新下载的bootstrap.min.css文件。我尝试了以下事情并且失败了。

  1. 尝试下载boostrap.min.css文件并将其放在app / assets / stylesheets中。 (失败)

  2. 我尝试过使用其他宝石,但是他们很努力;我无法让它发挥作用。在我的MOCK up中,我刚刚复制了新的boostrap.min.css文件而不是之前的利润。

  3. 我正在使用带有以下

    的application.css.scss

    @import "bootstrap-sprockets"; @import "bootstrap";

  4. 如果有所不同,我正在使用boostrap-sprockets。

  5. 我有一个HUNCH,这与SCSS预编译文件有关;我无法弄清楚在哪里更改初始引导程序文件。

    任何建议都会有所帮助。

1 个答案:

答案 0 :(得分:3)

每个人:

  1. 从application.css.scss
  2. 中删除@import“bootstrap”
  3. 将新分钟放入新主题的app / stylesheets文件夹中