File to import not found or unreadable: bootstrap.

[Jaffery5]

Hi,

• Gemfile

source 'https://rubygems.org'

gem 'rails', '3.2.13'
gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
gem 'bootstrap-datepicker-rails'
gem "paperclip", :git => "git://github.com/thoughtbot/paperclip.git"
gem "therubyracer"
gem "less-rails"
gem 'devise', '2.2.4'

group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'uglifier', '>= 1.0.3' end

group :production do gem 'pg', '0.14.1' gem 'activerecord-postgresql-adapter' end

group :development do gem 'sunspot_solr' gem 'pry-rails' gem 'pry-nav' gem 'sqlite3' end

*File: custom.css.scss

@import "bootstrap";

/* search button customization */ .btn btn-success{ width: 55px; height: 30px; }

/* mixins, variables, etc. */

$grayMediumLight: #eaeaea;

/* universal */

html { overflow-y: scroll; }

body { padding-top: 60px; }

section { overflow: auto; }

textarea { resize: vertical; }

.center { text-align: center; h1 { margin-bottom: 10px; } }

/* typography */

h1, h2, h3, h4, h5, h6 { line-height: 1; }

h1 { font-size: 3em; letter-spacing: -2px; margin-bottom: 30px; text-align: center; }

h2 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 30px; text-align: center; font-weight: normal; color: $grayLight; } h3 { font-size: 1.9em; letter-spacing: 1px; margin-top: 20px; font-weight: normal; line-height: 1.4; color: $grayLight; }

p { font-size: 1.1em; line-height: 1.7em; }

/* header */

logo {

float: left; margin-right: 10px; font-size: 2.5em; color: white; text-transform: uppercase; letter-spacing: -1px; padding-top: 9px; font-weight: bold; line-height: 1; &:hover { color: white; text-decoration: none;

} }

• Error:

Willl you help me figure this out: I am in middle of the project and the deadline is approaching.

Thank you.

[rjhancock]

I believe you are importing it incorrectly.

//= require bootstrap

should be at the top not @import "bootstrap"

[oafridi]

@rjhancock https://github.com/thomas-mcdonald/bootstrap-sass

We recommend against using //= require directives, since none of your other stylesheets will be able to access the Bootstrap mixins or variables.

@import "bootstrap";

[joelcdoyle]

+1