2015-02-24 49 views
-1

我试图实现Bootstrap(第一次)到我的简单的rails应用程序。 以下常见的安装说明后,应用程序的外观并没有改变首次在Rails上设置Bootstrap

该应用程序位于: https://github.com/johnwaltonvi/omrails2

我的初始设置就纷纷跟着...
1.添加引导宝石“的Gemfile”
2.运行“软件包安装”
3.在app> assets> stylesheets下创建新文件。
此文件被称为 “styles.css.scss”
4.添加 “@import '引导';”以“styles.css.scss”
5.重新启动服务器

重新启动应用程序后,它仍然看起来完全相同的安装引导之前。

我希望bootstrap覆盖字体,文字&链接。

在这张照片里是应用程序当前的样子(左)和它应该是什么样子(右)。

为什么应用程序没有更新的风格?

备注:
我遵循One Month Rails视频课程的指导。

+3

按照说明密切在这里https://github.com/twbs/bootstrap-sass – 2015-02-24 18:08:34

回答

0

导轨4不支持:资产组,以便改变这样的:

group :assets do 
    gem 'sass-rails', '~> 4.0.3' 
    gem 'coffee-rails', '~> 4.0.0' 
    gem 'bootstrap-sass', '~> 3.3.3' 
    gem 'uglifier', '>= 1.3.0' 
end 

这样:

gem 'sass-rails', '~> 4.0.3' 
gem 'coffee-rails', '~> 4.0.0' 
gem 'bootstrap-sass', '~> 3.3.3' 
gem 'uglifier', '>= 1.3.0' 

重新运行bundle install到请确保安装了一切。

将application.css文件重命名为application.css.scss并删除文件中的所有内容。现在将其添加到它:

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

如果你这样做,一切都应该工作。

+0

嗨。谢谢你的回应先生。我完全按照您的指示进行,问题依然存在。如果有帮助,我会在Windows上执行此操作。更新了Gemfile,重命名为application.css.scss。尽管如此,我仍然没有看到引导程序正在工作......上面的github页面反映了这些变化。仍然在互联网上寻找答案。 – John 2015-02-25 01:19:13

+0

@John您的application.html.erb文件的部分是将应用程序样式表与“<%= stylesheet_link_tag”应用程序“%>'链接? – Swappticon 2015-02-25 02:33:29