Rails + Twitter Bootstrap: File to import not found or unreadable: twitter/bootstrap

Rails + Twitter Bootstrap: File to import not found or unreadable: twitter/bootstrap

I am trying to set up Rails app with Twitter Bootstrap (the gem twitter-bootstrap-rails), but I still cannot get over the error
File to import not found or unreadable: twitter/bootstrap.

I found this issue on official Github of the gem, but none of solution from there have worked for me.
Here’s my setup:
gem “twitter-bootstrap-rails”
gem ‘font-awesome-rails’
gem ‘sass-rails’, ‘~> 3.2.3’
group :assets do
#gem ‘sass-rails’, ‘~> 3.2.3’
gem ‘coffee-rails’, ‘~> 3.2.1’
gem ‘therubyracer’, :platforms => :ruby
gem ‘uglifier’, ‘>= 1.0.3’

*= require_self
*= require bootstrap_and_overrides
*= require font-awesome
*= require_tree .

@import “twitter/bootstrap”;
@import “twitter/bootstrap/bootstrap”;
@import “twitter/bootstrap/responsive”;

// Font Awesome
@import “fontawesome”;

// Glyphicons
@import “twitter/bootstrap/sprites.scss”;

What am I missing for correct set up?


Solution 1:

we had the same problem, i just restarted the rails server and it worked

Solution 2:

If you already attempted to shut down the server and restart it, then your problem may be the cached css file that is generated from your sass file. The reason for this may be some varient of live reload which pre-renders several of the scss/haml type files. If that isn’t the case then

Related:  Bootstrap cards not showing like in examples
  1. Read the error message and determine the scss file that is causing the error.
  2. Locate the css file that is generated along the sass file, (i.e. custom.css.scss would generate custom.css).
  3. Delete that file, refresh the page and if this files delete the entire cache found under assets/stylesheets and temp/cache)

Solution 3:

For some reason I had to explicitly require the gem to get it working. As suggested in this github issue comment to fix a similar error with bootstrap-sass, it’s likely the gem is not loaded automatically. Add require "twitter-bootstrap-rails to e.g config/application.rb file to explicitly require it.

Solution 4:

Downgrade the bootstrap-sass gem to v2.3.2 like so:
gem ‘bootstrap-sass’, ‘2.3.2’

I had done a bundle upgrade which upgraded the bootstrap gem. This (version downgrade) fixed the problem for me.

Solution 5:

The way how I made it work was simply changing the Twitter Bootstrap gem – I used the bootstrap-sass gem, where is set up everything as is described on the Github page and I didn’t find any problem with.

Related:  How to use border with Bootstrap

Solution 6:

Did you try to compile the assets ?

    rake assets:precompile