Fork me on GitHub
Post Format

Pure CSS Based Multi Level Responsive Navigation Menu: BootM

With more and more robust CSS frameworks coming each day, it has become very easy to create responsive HTML documents. In fact it’s now a fun thing to work the HTML and CSS using these CSS frameworks. Combining these frameworks with some CSS3 features you can create widgets like menus without writing any Javascript.

We are providing a menu system using the famous bootstrap CSS framework and we call it BootM. BootM is a pure CSS based navigation system, its responsive, supports unlimited levels and icons as well.

Pure CSS Based Multi Level Responsive Navigation Menu

BootM Features

  • No Javascript
  • Based on bootstrap
  • Responsive
  • Unlimited levels
  • Text Based Icons

Using BootM Menus

To start using the BootM menu add the following references in the head section of your HTML document.

Now you need to create the required mark-ups like this.

Following are the classes to be used for each element in the menu.

  • Menu Bar: nav-collapse collapse navbar-responsive-collapse
  • List Element: nav
  • Dropdown Menu Item: dropdown
  • Dropdown Menu: dropdown-menu
  • Nsted Dropdown: dropdown-submenu

Note: In the next release of BootM all these classes will be handled automatically.

Download BootMView Demo

Related Posts

  1. Multi Level Hierarchical jQuery Menu: jQSimpleMenu
  2. jQuery Responsive Horizontal Accordion Image Slider: raccordion
  3. Full Screen Responsive jQuery Image and Content Slider:RSlider
  4. Free Multi-Node Range and Data Slider: JQ Slider
  5. XML Driven Breadcrumb Navigation with jQuery: Smart Breadcrumb


  1. Pingback: Weekly – Web Development Resources and Tools #9

  2. Pingback: Weekly – Web Development Resources and Tools #9

Leave a Reply

Required fields are marked *.

four + = 10