Rails 4.1 and Bootstrap 3 glyphicons are not working

css, ruby, ruby-on-rails, ruby-on-rails-4, twitter-bootstrap

Solution

All solutions provided above are dirty hacks. The correct way to solve this issue is to include "bootstrap-sprockets" before bootstrap in your sass files:

@import "bootstrap-sprockets";
@import "bootstrap";

Problem

I am trying to get rid of the glyphicon errors in my Rails 4 project that's using Bootstrap 3. I'm not using any Bootstrap gems to add it to the asset pipeline. I manually added bootstrap.css and bootstrap.js to their respective `app/assets` directories and added them to `application.css` and `application.js` What I'm seeing now is the following in my web browser's console: ``` GET http://localhost:3000/fonts/glyphicons-halflings-regular.woff 404 (Not Found) localhost/:1 GET http://localhost:3000/fonts/glyphicons-halflings-regular.ttf 404 (Not Found) localhost/:1 GET http://localhost:3000/fonts/glyphicons-halflings-regular.svg 404 (Not Found) ``` What can be done to fix this in a Ruby on Rails application? I tried copying said files to `app/assets/fonts` and popped this into `application.rb`: ``` config.assets.paths << "#{Rails}/app/assets/fonts" ``` No luck.

Original source