https://github.com/dsentker/bootstrapsubnav

Bootstrap3 Multilevel Dropdown
https://github.com/dsentker/bootstrapsubnav

Last synced: about 2 months ago
JSON representation

Bootstrap3 Multilevel Dropdown

• Host: GitHub
• URL: https://github.com/dsentker/bootstrapsubnav
• Owner: dsentker
• Created: 2015-02-25T13:54:56.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-02-25T14:38:42.000Z (about 10 years ago)
• Last Synced: 2025-02-09T18:52:14.999Z (3 months ago)
• Language: HTML
• Homepage:
• Size: 99.6 KB
• Stars: 9
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# BootstrapSubnav

### Handle nested dropdown-menus in an easy way.

BootstrapSubnav allows you to nest your dropdown menus for the Navbar Component.

[Click to view a demonstration](http://medialeitwerk.de/files/bootstrap-subnav/)

By default, bootstrap does not allow to nest multiple dropdown menus. This small script enables full support to nest dropdown items.

![Default state](http://medialeitwerk.de/files/desktop.gif)

### Features

- Integrates perfectly to bootstrap (inclusive responsive behaviour)

- Nested Dropdown menus keeps open if another dropdown menu gets opened

- Rotated Caret icon and indentation helps user to identify where he is  

- Lightweight script / css

![Default state](http://medialeitwerk.de/files/mobile.gif)

### Usage

Import bootstrap-subnav.js as well as bootstrap-subnav.css to your website.

```html

```

Create your menu structure. Have Fun!

![Default state](http://medialeitwerk.de/files/bsn1.png)

Click on the nested dropdown menu anchor...

![Open state](http://medialeitwerk.de/files/bsn2.png)

...and the related sub nav items scrolls out.

### ToDo

- Check if other components can be affected as well

- Check all mobile devices and screenreader compatibility

- Animate caret icon?

- Update my english knowledge to provide a better readme :)

### License

Feel free to use this in private or commercial projects. That's all!