css - Bootstrap 没有使用 Ruby on Rails 设计任何样式

标签 css ruby-on-rails ruby twitter-bootstrap

我是第一次使用 Bootstrap,它没有设置任何样式。我已经应用了 Bootstrap is not styling anything 中的答案 仍然没有运气。

我的样式表中有 @import "bootstrap";

我的 Gemfile 中也有合适的 gem。在这里:

source 'https://rubygems.org'


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.5'
# Use sqlite3 as the database for Active Record
group :development,:test do
    gem 'sqlite3'
end
group :production do
    gem 'pg'
end



gem 'autoprefixer-rails'

group :assets do
    gem 'sass-rails', '~> 4.0.3'
# Use Uglifier as compressor for JavaScript assets
    gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .js.coffee assets and views
    gem 'coffee-rails', '~> 4.0.0'
    gem 'bootstrap-sass', '~> 3.2.0'
end
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer',  platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0',          group: :doc

# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
gem 'spring',        group: :development

# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Use debugger
# gem 'debugger', group: [:development, :test]

最佳答案

1) 添加 config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 到 application.rb(类内)

2) 将 @import 'bootstrap'; 添加到新 CSS 文件的第一行。

关于css - Bootstrap 没有使用 Ruby on Rails 设计任何样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25396233/

相关文章:

javascript - 如何从输入标签中正确获取值?

html - iOS Safari 在视觉上为单选选择多个选项

html - 页面上的多个选项卡 - HTML CSS

javascript - image_tag 与 javascript Rails 项目

javascript - RoR Rails,f.select onchange of value,使部分 html 可见

ruby-on-rails - 奇怪的问题 has_many 通过更新的 Rails 中的关联

html - 如何在宽度不同时将导航菜单变成按钮?

javascript - 使用 TeaSpoon 编写规范时直接使用 PhantomJS 访问页面 - Jasmine

mysql - Ruby 上是否有像 PHP 的 mysql_insert_id() 这样的选项?

ruby-on-rails - form_for 详细信息未显示在 View :Ruby on Rails 中