<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed"
                          data-toggle="collapse"
                          data-target="#bs-example-navbar-collapse-1"
                          aria-expanded="false">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Whizard GUI</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li><a href="/">Home <span class="sr-only">(current)</span></a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                            role="button"
                                            aria-haspopup="true"
                                            aria-expanded="false">
          Docs <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="https://whizard.hepforge.org"
                 target="_blank">Whizard Home</a></li>
          <li><a href="https://whizard.hepforge.org/manual.pdf"
                 target="_blank">Whizard Manual</a></li>
        </ul>
      </li>

      <li class="dropdown">
        <a href="#" class="dropdown-toggle"
                    data-toggle="dropdown"
                    role="button"
                    aria-haspopup="true"
                    aria-expanded="false">Examples <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#" class="ex-eeww">Pair production</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>
</nav>
