I had the same problem and found a solution. Full credit goes to Eric Minkel, who wrote a detailed blog post on the topic. I would highly suggest reading it for further reasoning. Edit app/assets/stylesheets/application.css by adding: *= require bootstrap Edit app/assets/javascripts/application.js by adding: //= require bootstrap In config/application.rb, add the following after class Application … Read more
You want to use @extend .btn; – @extend allows you to inherit all the properties of a selector without having to define it as a mixin.
I had the same error, which was a conflict with jQuery UI. If you use jQuery UI then you need to reorder your script load order. My working load order: jQuery jQuery UI Bootstrap
use button type=”submit” instead of input <button type=”submit” class=”btn btn-success”> <i class=”fa fa-arrow-circle-right fa-lg”></i> Next </button> for Font Awesome 3.2.0 use <button type=”submit” class=”btn btn-success”> <i class=”icon-circle-arrow-right icon-large”></i> Next </button>