Question

我第一次使用Bootstrap，它没有造型任何东西。我已经应用了Bootstrap is not styling anything的答案但仍然没有运气。

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

我的Gemfile中也有相应的宝石。这是：

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]

Answer 1

1）添加 config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 到application.rb（在课堂内）

2）将@import 'bootstrap';添加到新CSS文件的顶行。

Answer 2

Rails 4不使用Gemfile中的资产组，因此删除该＆amp;然后编辑您的application.css以包含以下内容：

@import "bootstrap-sprockets";

@import "bootstrap";

注意：“bootstrap-sprockets”必须在“bootstrap”和“bootstrap / variables”之前导入

现在在app / assets / javascripts / application.js中添加require Bootstrap Javascripts：

//= require jquery

//= require bootstrap-sprockets

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

2 个答案: