Nav bar activate in jinja

{% set navigation_bar = [
    ('/', 'index', 'Index'),
    ('/downloads/', 'downloads', 'Downloads'),
    ('/about/', 'about', 'About')
] -%}

{% set active_page = active_page|default('index') -%}
...
<ul id="navigation">
    {% for href, id, caption in navigation_bar %}
    <li{% if id == active_page %} class="active"{% endif
    %}><a href="{{ href|e }}">{{ caption|e }}</a>
    </li>
{% endfor %}
</ul>

Source: stackoverflow.com

Nav bar activate in jinja

{% extends "layout.html" %}
{% set active_page = "index" %}

Source: stackoverflow.com

Similar codes

0 vote181 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
45 votes210 views6 answers
Default font size of html
Html
2 votes183 views2 answers
How to make circle button in bootstrap
Html
0 vote193 views1 answer
Mobile menu bootstrap
Html
33 votes200 views10 answers
Chat
Html
5 votes209 views10 answers
Bootstrap loader
Html
3 votes200 views10 answers
Rick roll
Html
16 votes190 views4 answers
File download button html
Html
20 votes180 views4 answers
Bootstrap col center content
Html
0 vote148 views1 answer
Add input field on button click
Html