PyroCMS Navigation Markup for Twitter Bootstrap

PyroCMS Navigation Markup for Twitter Bootstrap.html

<div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <div class="container">
            <ul id="menu-menu" class="nav">
                {{ navigation:links group="header" class="active" more_class="dropdown"
                }}{{ /navigation:links }}
            </ul>
            <div class="mobile-menu">
                <div class="menu-mobile-container">
                    <div class="mobile-menu">
                        <form>
                            <select onchange="if (this.value) window.location.href=this.value">
                                {{ navigation:links group="header" }}
                                <option value="{{ url }}">
                                    {{ title }}
                                </option>
                                {{ /navigation:links }}
                            </select>
                        </form>
                    </div>
                </div>
            </div>
            <div class="social-icons nav pull-right">
                <a href="http://twitter.com/"><i class="icon-twitter-sign"></i></a>
                <a href="http://facebook.com/"><i class="icon-facebook-sign"></i></a>
                <a href="http://pinterest.com/"><i class="icon-pinterest-sign"></i></a>
                <a href="http://linkedin.com/"><i class="icon-linkedin-sign"></i></a>
                <a href="http://google.com/+"><i class="icon-google-plus-sign"></i></a>
                <a href="http://github.com/"><i class="icon-github-sign"></i></a>
                <a href="http://feed.com/"><i class="icon-rss"></i></a>
            </div>
            <!-- end of .social-icons -->
        </div>
    </div>
</div>