@krisdages/aurelia-bootstrap/doc/src/nav-bar.html

Bootstrap components written in Aurelia.

<template bindable="router">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <span>Aurelia Bootstrap</span>
            </a>
        </div>

        <ul class="nav navbar-nav">
            <li><a href="#/introduction">Getting Started</a></li>
            <li class="dropdown" aubs-dropdown>
                <a href="javascript:void(0)" class="dropdown-toggle" aubs-dropdown-toggle>
                    Components <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li repeat.for="row of router.navigation" class="${row.isActive ? 'active' : ''}">
                        <a class="dropdown-item" href.bind="row.href">${row.title}</a>
                    </li>
                </ul>
            </li>
            <li><a href="#/defaults">Global Defaults</a></li>
        </ul>
    </nav>
</template>