css - Surveyor gem 破坏了我的 CSS

标签 css twitter-bootstrap ruby-on-rails-4 surveyor-gem

我添加了 surveyor gem,但它破坏了我的 css(几乎完全使用 bootstrap 构建)。如何处理?

没有测量员: enter image description here

与测量员: enter image description here

下面是我的 gemfile:

source 'https://rubygems.org'
ruby '2.0.0'
#ruby-gemset=railstutorial_rails_4_0

gem 'rails', '4.0.5'
gem 'bootstrap-sass', '2.3.2.0'
gem 'sprockets', '2.11.0'
gem 'bcrypt-ruby', '3.1.2'
gem 'faker', '1.1.2'
gem 'will_paginate', '3.0.4'
gem 'bootstrap-will_paginate', '0.0.9'

gem "paperclip", "3.5.3"
gem "aws-sdk"

gem 'whenever', :require => false

gem 'factory_girl_rails', '4.2.1'
gem 'd3-rails'

gem 'figaro'
gem 'rename'

group :development do
  gem "letter_opener"
end

group :test do
  gem 'selenium-webdriver', '2.35.1'
  gem 'capybara', '2.1.0'
  gem 'cucumber-rails', '1.4.0', :require => false
  gem 'database_cleaner', github: 'bmabey/database_cleaner'
end

group :development, :test do
  gem 'sqlite3', '1.3.8'
  gem 'rspec-rails', '2.13.1'
end

gem 'sass-rails', '4.0.1'
gem 'uglifier', '2.1.1'
gem 'coffee-rails', '4.0.1'
gem 'jquery-rails', '3.0.4'
gem 'jquery-datetimepicker-rails'
gem 'jquery-turbolinks'
gem 'turbolinks', '1.1.1'
gem 'jbuilder', '1.0.2'

group :doc do
  gem 'sdoc', '0.3.20', require: false
end

group :production do
  gem 'pg', '0.15.1'
  gem 'rails_12factor', '0.0.2'
  gem 'newrelic_rpm'
end

最佳答案

可以在这里找到答案enter link description here .基本上 app/assets/stylesheets 中的 surveyor_all.css 以某种方式覆盖 Bootstrap 。

只需删除 require_tree . 并手动包含您的 custom.css.scss。即使没有包含 surveyor_all.css,调查似乎也很好。

关于css - Surveyor gem 破坏了我的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25952645/

相关文章:

css - 如何编写自动更改页面布局的 firefox 插件?

css - 尝试构建 css 时发生 Tailwindcss 错误

javascript - 是否可以更准确地测量 SVG 文本高度?

twitter-bootstrap - 无法通过数据属性数据背景关闭 Bootstrap 模式

javascript - 将部分 View 注入(inject) div 标签

ruby-on-rails - 仅当 Rails 5 中的值可用时才在方法中使用值

ruby-on-rails - 具有 has_and_belongs_to_many 的 ActiveModel 序列化程序

html - 如何将元素的高度扩展到 100vh 以上以包括整个可滚动区域?

php - 在 Opencart 上使用 foreach 的 Twitter Bootstrap 选项卡

html - Div 相互重叠