Bootstrap 3+Rails 4 – Certain Glyphicons not working

by

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.

  1. Edit app/assets/stylesheets/application.css by adding:

    *= require bootstrap

  2. Edit app/assets/javascripts/application.js by adding:

    //= require bootstrap

  3. In config/application.rb, add the following after class Application < Rails::Application. It should look like this:

    class Application < Rails::Application
    config.assets.paths << "#{Rails}/vendor/assets/fonts"

  4. In the terminal, compile your assets by running:

    rake assets:precompile RAILS_ENV=development

  5. Edit the bootstrap.css file by changing @font-face resource locations from ../fonts/ to /assets/. It should look like this:

    @font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/assets/glyphicons-halflings-regular.eot');
    src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/glyphicons-halflings-regular.woff') format('woff'), url('/assets/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

You’re done. Just restart with rails s and the glyphicons should appear.

More Related Contents:

  1. Rails 4 multiple image or file upload using carrierwave
  2. Rails: How to use i18n with Rails 4 enums
  3. Strange error in rails – missing helper
  4. Rails-4, ExecJS::ProgramError in Pages#welcome
  5. can’t activate bcrypt-ruby (~> 3.0.0), already activated bcrypt-ruby-3.1.1. Make sure all dependencies are added to Gemfile
  6. How to integrate a Wrap Bootstrap theme into an Rails application?
  7. Boolean Validation
  8. Bootstrap dropdown sub menu missing
  9. Nested attributes unpermitted parameters
  10. Extend bootstrap row outside the container
  11. How to solve error “Missing `secret_key_base` for ‘production’ environment” (Rails 4.1)
  12. Bootstrap icons are loaded locally but not when online
  13. Heroku does NOT compile files under assets pipelines in Rails 4
  14. Bootstrap xs columns wrap
  15. Bootstrap 3 – desktop view on a mobile device
  16. How to specify devise_parameter_sanitizer for edit action?
  17. bootstrap jquery show.bs.modal event won’t fire
  18. Using turbolinks in a Rails link_to
  19. Rails 4: assets not loading in production
  20. Inline Form nested within Horizontal Form in Bootstrap 3
  21. Twitter Bootstrap. Why do modal events work in JQuery but NOT in pure JS?
  22. Bootstrap 3 – How to maximize input width inside navbar
  23. Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
  24. Rails I18n validation deprecation warning
  25. First argument in form cannot contain nil or be empty – Rails 4
  26. Binding to Collapse event in Twitter Bootstrap 3
  27. Bootstrap 3 Align Text To Bottom of Div
  28. Is puma the ONLY multi-threaded rails 4 http server?
  29. An error occurred while installing pg (0.17.1), and Bundler cannot continue
  30. Custom CSS being overridden by Bootstrap CSS

Leave a Comment