nav.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <header class="navbar navbar-expand-md navbar-light fixed-top bg-light" role="navigation">
  2. <!-- Main title -->
  3. <a class="navbar-brand" href="{{ nav.homepage.url|url }}">{{ config.site_name }}</a>
  4. <!-- Collapsed navigation -->
  5. {% if nav|length>1 or (page.next_page or page.previous_page) or config.repo_url %}
  6. <!-- Expander button -->
  7. <button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Toggle navigation">
  8. <span class="navbar-toggler-icon"></span>
  9. </button>
  10. {% endif %}
  11. <!-- Expanded navigation -->
  12. <div class="navbar-collapse collapse">
  13. {% if nav|length>1 %}
  14. <!-- Main navigation -->
  15. <ul class="navbar-nav mr-auto">
  16. {% for nav_item in nav %}
  17. {% if nav_item.children %}
  18. <li class="dropdown{% if nav_item.active %} active{% endif %}">
  19. <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a>
  20. <ul class="dropdown-menu">
  21. {% for nav_item in nav_item.children %}
  22. {% include "nav-sub.html" %}
  23. {% endfor %}
  24. </ul>
  25. </li>
  26. {% else %}
  27. <li class="nav-item{% if nav_item.active %} active{% endif %}">
  28. <a class="nav-link" href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
  29. </li>
  30. {% endif %}
  31. {% endfor %}
  32. </ul>
  33. {%- if 'search' in config['plugins'] %}
  34. <form class="form-inline nav-item">
  35. <div class="dropdown">
  36. <input class="form-control mr-sm-2 dropdown-toggle" data-toggle="dropdown" type="search" placeholder="Search..." aria-label="Search" id="mkdocs-search-query" autocomplete="off">
  37. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="mkdocs-search-query" id="mkdocs-search-results">
  38. </div>
  39. </div>
  40. </form>
  41. {%- endif %}
  42. <ul class="navbar-nav">
  43. {% if config.repo_url %}
  44. <li class="nav-item">
  45. <a class="nav-link" href="{{ config.repo_url|url }}">
  46. {% if config.repo_name == 'GitHub' %}
  47. <i class="fa fa-github"></i>
  48. {% elif config.repo_name == 'Bitbucket' %}
  49. <i class="fa fa-bitbucket"></i>
  50. {% endif %}
  51. {{ config.repo_name }}
  52. </a>
  53. </li>
  54. {% endif %}
  55. </ul>
  56. {% endif %}
  57. </div>
  58. </header>