我的大多数Bootstrap 3.1.1样式都没有被应用

时间:2014-03-02 21:20:59

标签: javascript html css ruby-on-rails-4 twitter-bootstrap-3

我正在使用Rails 4和bootstrap-sass gem。我已经使用了一段时间,但是我在使用自定义轮播时遇到了一些麻烦,所以我尝试删除bootstrap-sass gem并手动导入bootstrap css,javascript和fonts。这并没有解决我的问题,所以我删除了那些文件并再次开始使用gem。

现在使用bootstrap css工作的大部分样式现在都无法正常工作。按钮不再是按钮,导航只是一个无序的链接列表,一个在另一个之上。然而,旋转木马仍然表现得像旋转木马。看起来bootstrap.css正在被请求的页面上加载,但就像我说的,大多数样式根本不起作用。任何人都可以想到为什么这可能是我可以做些什么来解决它。请让我知道我需要分享哪些信息,以帮助您更好地了解正在发生的事情。谢谢!

如果你使用firefox或chrome来检查屏幕上应该有明显缺少样式的组件,右边的面板总结了应用的样式指向bootstrap.css文件中的特定行,所以看起来像浏览器的印象是正在加载样式。

为了帮助理解我所发生的事情,我参考了引导样式,javascript等所有地方:

的Gemfile:

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

应用程序/资产/ Javascript角/ application.js中:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

应用程序/资产/样式表/ application.css:

 *= require_self
 *= require_tree .
 *= require bootstrap.css
 */

应用程序/资产/样式表/ custom.css.scss:

@import "bootstrap";

1 个答案:

答案 0 :(得分:1)

尝试将application.css更新为:

*= require_self
*= require bootstrap.css
*= require_tree .
*/

我认为订单在很多这些文件中很重要......