我正在使用Rails 4和bootstrap-sass
gem。我已经使用了一段时间,但是我在使用自定义轮播时遇到了一些麻烦,所以我尝试删除bootstrap-sass
gem并手动导入bootstrap css,javascript和fonts。这并没有解决我的问题,所以我删除了那些文件并再次开始使用gem。
现在使用bootstrap css工作的大部分样式现在都无法正常工作。按钮不再是按钮,导航只是一个无序的链接列表,一个在另一个之上。然而,旋转木马仍然表现得像旋转木马。看起来bootstrap.css正在被请求的页面上加载,但就像我说的,大多数样式根本不起作用。任何人都可以想到为什么这可能是我可以做些什么来解决它。请让我知道我需要分享哪些信息,以帮助您更好地了解正在发生的事情。谢谢!
如果你使用firefox或chrome来检查屏幕上应该有明显缺少样式的组件,右边的面板总结了应用的样式指向bootstrap.css文件中的特定行,所以看起来像浏览器的印象是正在加载样式。
为了帮助理解我所发生的事情,我参考了引导样式,javascript等所有地方:
source 'https://rubygems.org'
ruby '2.0.0'
#ruby-gemset=railstutorial_rails_4_0
gem 'rails', '4.0.2'
gem 'bootstrap-sass', '~> 3.1.1'
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 'state_machine', '1.2.0'
gem 'pg', '0.15.1'
gem 'figaro'
gem 'jquery-turbolinks'
group :development, :test do
gem 'rspec-rails', '2.13.1'
gem 'guard-rspec', '2.5.0'
end
group :test do
gem 'selenium-webdriver', '2.35.1'
gem 'capybara', '2.1.0'
gem 'factory_girl_rails', '4.2.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 'turbolinks', '1.1.1'
gem 'jbuilder', '1.0.2'
group :doc do
gem 'sdoc', '0.3.20', require: false
end
group :production do
gem 'rails_12factor', '0.0.2'
end
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
*= require_self
*= require_tree .
*= require bootstrap.css
*/
@import "bootstrap";
答案 0 :(得分:1)
尝试将application.css更新为:
*= require_self
*= require bootstrap.css
*= require_tree .
*/
我认为订单在很多这些文件中很重要......