【问题标题】:Setting Up Bootstrap on Rails for the First Time第一次在 Rails 上设置 Bootstrap
【发布时间】:2015-02-24 18:06:06
【问题描述】:

我正在尝试在我的 非常 简单的 rails 应用程序中实现 Bootstrap(第一次)。 遵循常见的设置说明后,应用的外观没有改变

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

我的初始设置如下...
1. 将引导 gem 添加到“Gemfile”
2. 运行“捆绑安装”
3. 在 app>assets>stylesheets 下创建新文件。
该文件名为“styles.css.scss”
4.添加“@import'bootstrap';”到“styles.css.scss”
5. 重启服务器

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

我希望引导程序覆盖字体、文本和链接。

这张图片是应用当前的样子(左)和应该是什么样的(右)。

为什么应用没有更新样式?

注意事项:
我正在按照 1 个月 Rails 视频课程的说明进行操作。

【问题讨论】:

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


【解决方案1】:

Rails 4 不支持 :assets 组,因此请更改:

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";

如果你这样做,一切都会正常。

【讨论】:

  • 嗨。感谢您的回复先生。我完全按照你的指示做了,问题仍然存在。如果有帮助,我会在 Windows 上执行此操作。更新了 Gemfile,重命名了 application.css.scss。我仍然没有看到引导程序工作......上面的 github 页面反映了这些变化。仍在网上寻找答案。
  • @John 在 application.html.erb 文件的 部分中,您是否将应用程序样式表与 <%= stylesheet_link_tag "application" %> 链接?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-04-30
  • 1970-01-01
  • 2020-01-25
  • 2019-10-18
  • 1970-01-01
  • 2012-08-22
  • 1970-01-01
相关资源
最近更新 更多