"cannot load such file -- less"

[micmmakarov]

Hi, trying to run it and getting an error:

LoadError in Uploads#index

Showing /rails/jquery-fileupload-rails-paperclip-example/app/views/layouts/application.html.erb where line #5 raised:

cannot load such file -- less
(in /rails/jquery-fileupload-rails-paperclip-example/app/assets/stylesheets/bootstrap_and_overrides.css.less)
Extracted source (around line #5):

2:
3:
4: <title>JqueryFileuploadRailsExample</title>
5: <%= stylesheet_link_tag "application", :media => "all" %>
6: <%= javascript_include_tag "application" %>
7: <%= csrf_meta_tags %>
8:

[zsll]

Got the same issue.

[morkevicius]

+1
fix:
missing gems for twitter-boostrap-rails:
gem 'therubyracer'
gem 'less-rails'

after to fix broken css, rails g bootstrap:install -f.

[jshakespear]

Thanks morkevicius. I was scratching my head for awhile.

[mikenk2010]

Add gem 'less' in group :assets do

group :assets do
.
.
.
gem 'less'
.
.
end

[hailjake]

just remove the stylesheet from your asset pipeline and add this code to your main css,less file your gonna wanna control the style anyways

.fileinput-button {
position: relative;
overflow: hidden;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
.fileinput-button input {
filter: alpha(opacity=0);
font-size: 100%;
height: 100%;
}
}