Middleman extension to easily generate a Bootstrap navbar
Ruby Cucumber HTML


Middleman Bootstrap Navbar

Gem Version Build Status Dependency Status Code Climate

Middleman extension to easily generate a Bootstrap navbar


Add this line to your application's Gemfile:

gem 'middleman-bootstrap-navbar'

And then execute:

$ bundle

Or install it yourself as:

$ gem install middleman-bootstrap-navbar



Middleman >= 3.1


Middleman >= 2.0

The necessary Bootstrap files 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.


Activate extension

Activate the extensions in config.rb in your Middleman app:

activate :bootstrap_navbar

Set Bootstrap version

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

If you're using bootstrap-sass, you're all set because the Boostrap version will be sniffed from that gem's version. Make sure to include the bootstrap-sass gem before rails_bootstrap_navbar in your Gemfile though.

If you're not using bootstrap-sass but include the Bootstrap CSS and JS some other way, set the Bootstrap version when activating the extension:

activate :bootstrap_navbar do |bootstrap_navbar|
  bootstrap_navbar.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


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