nav.html 1.3 KB

123456789101112131415161718192021222324252627282930313233
  1. <nav class="row navbar" role="navigation">
  2. <!-- Brand and toggle get grouped for better mobile display -->
  3. <div class="navbar-header">
  4. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#jb-navbar-collapse">
  5. <span class="sr-only">Toggle navigation</span>
  6. <span class="icon-bar"></span>
  7. <span class="icon-spacer"></span>
  8. <span class="icon-bar"></span>
  9. <span class="icon-spacer"></span>
  10. <span class="icon-bar"></span>
  11. <span class="icon-spacer"></span>
  12. <br/>
  13. </button>
  14. </div>
  15. <!-- Collect the nav links, forms, and other content for toggling -->
  16. <div class="collapse navbar-collapse" id="jb-navbar-collapse">
  17. <ul class="nav navbar-nav">
  18. {% assign sorted_pages = site.pages | sort:"order" %}
  19. {% for node in sorted_pages %}
  20. {% if node.group == "navigation" %}
  21. {% unless node.exclude_from_nav %}
  22. {% if page.url == node.url %}
  23. <li class="active"><a href="{{node.url}}" class="active">{{node.title}}</a></li>
  24. {% else %}
  25. <li><a href="{{node.url}}">{{node.title}}</a></li>
  26. {% endif %}
  27. {% endunless %}
  28. {% endif %}
  29. {% endfor %}
  30. </ul>
  31. </div><!-- /.navbar-collapse -->
  32. </nav>