Why are my bootstrap-sass rules overriden by the user agent rules?
===

I'm trying to use Twitter Bootstrap with the 'bootstrap-sass' gem but for some reason, the behavior is absolutely not right.

Judging by a submit button styled with `class="btn"` like so

    <div class="actions btn">
      <%= f.submit %>
    </div>

The result is that there are the bootstrap styles, but they are overriden by the user-agent rules so that the result is the standard Chrome button that appears on top of the bootstrap one... I would have posted a picture but I dont have enough rep..


This is the gem file

    group :assets do
     gem 'sass-rails',   '~> 3.2.3'
     gem 'coffee-rails', '~> 3.2.1'
     gem 'bootstrap-sass'

     # See https://github.com/sstephenson/execjs#readme for more supported runtimes
     # gem 'therubyracer', :platforms => :ruby

     gem 'uglifier', '>= 1.0.3'
    end

I have a custom.css.scss file with this inside :

    @import "bootstrap";
    @import "_bootstrap-responsive.scss";

I also have tried adding this to the application.css.scss before the require_self and require_tree with no success

    *= require _bootstrap
    *= require _bootstrap-responsive

I have really no idea what is going on, moreover I did the railstutorial book and everything worked fine when I was on it, but on my own app, nothing works... :(

I'm not sure I gave all information but feel free to request!




