<header>

<nav class="navbar navbar-expand-md navbar-dark bg-primary">
  <div class="container">
    <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
    <button
      class="navbar-toggler my-2"
      type="button"
      data-toggle="collapse"
      data-target="#navbarToggle"
      aria-controls="navbarToggle"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarToggle">
      <ul class="navbar-nav mr-auto">
      </ul>
      <form class="form-inline" id="search" role="search">
        <div class="form-group">
          <label for="q">{% octicon search class:"bg-gradient-light mr-2" %}</label>
          <input
            type="text"
            name="q"
            class="form-control"
            maxlength="255"
            placeholder="Search the latest docs…"
          />
        </div>
      </form>
    </div>
  </div>
</nav>

</header>