navbar.html

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <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>

      <!-- TODO: copy source -->
      <!-- see also: http://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo -->
      <a class="navbar-brand" href="/">
        <img style="max-width:50px; margin-top: -7px;" src="http://obofoundry.org/images/foundrylogo.gif"/>
      </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 class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/docs/ProjectHome.html">Documentation</a></li>
            <li><a href="http://www.nature.com/nbt/journal/v25/n11/full/nbt1346.html">Citation</a></li>
            <li><a href="https://github.com/OBOFoundry">GitHub Organization</a></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io">GitHub project</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Ontologies <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/">Ontology Table</a></li>
            <li><a href="/id-policy.html">ID Policy</a></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io/tree/master/ontology">Ontologies Metadata Source</a></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io/blob/master/registry/ontologies.yml">Ontology YAML</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Participate <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="allnews.html">OBO Foundry News</a></li>
            <li>Twitter Feed (coming soon)</li>
            <li>Mailing lists (TODO)</li>
          </ul>
        </li>


        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">FAQ <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <!-- in theory we could auto-generate this part of the navbar -->
            <li><a href="/faq/who-is-the-foundry.html">Who is the OBO Foundry?</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="/faq/how-do-i-register-my-ontology.html">How do I register my ontology?</a></li>
            <li><a href="/faq/how-do-i-edit-metadata.html">How do I edit the metadata for my ontology?</a></li>
            <li role="separator" class="divider"></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Legacy <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/literature.html">Literature</a></li>
            <li><a href="/participate.html">Participate</a></li>
            <li><a href="/coordination.html">Coordination</a></li>
            <li><a href="/relatedprojects.html">Related</a></li>
            <li><a href="/crit.html">Criteria</a></li>
            <li><a href="/publications.html">Publications</a></li>
            <li><a href="http://wiki.obofoundry.org">Old Wiki</a></li>
            <li><a href="https://code.google.com/p/obo-foundry-operations-committee/wiki/">Old Operation Wiki</a></li>
          </ul>
        </li>



      </ul>
      <form class="navbar-form navbar-left" role="search" action="http://www.ontobee.org/browser/search.php" method="get">
        <div class="form-group">
          <input name="keywords" type="text" class="form-control" placeholder="Search Ontobee">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>