<div class="container-fluid border-bottom border-light bg-white sticky-top">
  <div class="row justify-content-center">
    <div class="dropdown show">
      {% set menubag = 'pagenav' %}

      <a class="btn btn-outline-primary dropdown-toggle nav_dropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      {% for id, item in bag(menubag).items() %}
        {% set abs_path = item.path %}
        {% set elm = site.get(item.path) %}
        {% if this.is_child_of(abs_path) %} {{ _(item.label) }}{% else %} {% endif %}
      {% endfor %}
      </a>
      <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
        {% for id, item in bag(menubag).items() %}
          {% set abs_path = item.path %}
          {% set elm = site.get(item.path) %}
          
          <a{% if this.is_child_of(abs_path) %} class="dropdown-item active" {% else %} class="dropdown-item" {% endif %}
          href="{{ elm.path|url }}">{{ _(item.label) }}
          </a>
        {% endfor %}
      </div>
    </div>
  </div>
</div>