Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Bootstrap multi level menu
JavaScript
branch: master
Failed to load latest commit information.
README.markdown Working the docs, yo!
multimenu.css first commit
multimenu.js first commit

README.markdown

Multi Menu

This is an attempt at a multi-level menu for bootstrap. Keep in mind that this is very basic at this point, there is room for improvement. If you want me to keep improving this, post an issue and we'll see how it goes.

How to Use

Create bootstrap dropdown markup and nest your submenus inside of it. Replace the data-toggle attribute with data-multimenu and you good to go! Don't forget the css file!

Demo on jsfiddle

Example

<ul class="nav nav-pills">
    <li class="active"><a href="#">Regular link</a></li>
    <li class="dropdown" id="menu1">
        <a class="dropdown-toggle" data-multimenu href="#menu1"> Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li>
                <a href="#">Submenu here</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li>
                        <a href="#">Submenu here</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">End of line</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                        </ul>
                        </li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                </ul>
            </li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
        </ul>
    </li>
</ul>

Enjoy!

Contact

pwarelis at gmail dot com

Something went wrong with that request. Please try again.