Created: 2012-03-22 14:58
Updated: 2019-02-05 14:49
License: mit


Rails Bootstrap Navbar

Gem Version Build Status Code Climate

Easily generate a Bootstrap navbar in your Rails app


Add this line to your application's Gemfile:

gem 'rails_bootstrap_navbar'

And then execute:

$ bundle

Or install it yourself as:

$ gem install rails_bootstrap_navbar


The necessary files from Bootstrap >= 2.0 have to be included separately, they are not part of this gem.

At least the CSS files for the navbar are required, and the JS files for dropdowns and responsive features, if you want to use those in the navbar.


Set Bootstrap version

This gem needs to know which Bootstrap version you are using, because the navbar HTML looks different in different Bootstrap versions.

If you're using either the bootstrap-sass or bootstrap gem, you're all set because the Boostrap version will be sniffed automatically from those gems' versions. Make sure to include the bootstrap-sass or bootstrap gem before rails_bootstrap_navbar in your Gemfile though.

If you include the Bootstrap CSS and JS some other way, you need to set the Bootstrap version explicitly in an initializer:

# config/initializers/rails-bootstrap-navbar.rb

BootstrapNavbar.configure do |config|
  config.bootstrap_version = '4.0.0'

Output HTML

The gem bootstrap-navbar is used to generate the HTML. Please refer to the gem's README and the following Wiki entries for detailed instructions on how to generate the navbar:

Usage with Bootstrap 2

Usage with Bootstrap 3

Usage with Bootstrap 4


Thanks to Jules Copeland for the initial version of this gem!


  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Added some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request


If you like this project, consider buying me a coffee! :)

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more