<nav class="navbar navbar-expand-md navbar-light bg-light">
<span class="navbar-brand d-md-none">Menu</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item mb-lg-0 ">
<a class="nav-link" href="http://pauline.org" title="autem deleniti voluptate">rerum aspernatur voluptas</a>
</li>
<li class="nav-item mb-lg-0 ">
<a class="nav-link" href="http://julien.org" title="quis molestias perferendis">velit recusandae ducimus</a>
</li>
<li class="nav-item mb-lg-0 ">
<a class="nav-link" href="https://laura.net" title="aut ducimus voluptatem">nobis sunt quas</a>
</li>
<li class="nav-item mb-lg-0 active">
<a class="nav-link" href="https://julien.fr" title="maiores harum alias"><span class="sr-only">(current)</span> aut doloribus est</a>
</li>
<li class="nav-item mb-lg-0 ">
<a class="nav-link" href="http://nicolas.net" title="et iure beatae">tempore alias eius</a>
</li>
</ul>
</div>
</nav>
<nav class="navbar navbar-expand-md navbar-light bg-light{% if styleModifier %} {{ styleModifier }}{% endif %}">
<span class="navbar-brand d-md-none">{{ title }}</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
{% for item in items -%}
<li class="nav-item mb-lg-0 {% if item.active %} active{% endif %}">
<a class="nav-link" href="{{ item.url }}"{% if item.title %} title="{{ item.title }}"{% endif %}>{% if item.active %}<span class="sr-only">(current)</span> {% endif %}{{ item.text }}</a>
</li>
{%- endfor %}
</ul>
</div>
</nav>
{
"title": "Menu",
"items": [
{
"text": "rerum aspernatur voluptas",
"title": "autem deleniti voluptate",
"url": "http://pauline.org",
"active": null
},
{
"text": "velit recusandae ducimus",
"title": "quis molestias perferendis",
"url": "http://julien.org",
"active": null
},
{
"text": "nobis sunt quas",
"title": "aut ducimus voluptatem",
"url": "https://laura.net",
"active": null
},
{
"text": "aut doloribus est",
"title": "maiores harum alias",
"url": "https://julien.fr",
"active": true
},
{
"text": "tempore alias eius",
"title": "et iure beatae",
"url": "http://nicolas.net",
"active": null
}
]
}
No notes defined.