<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="http://f2e-server.com" class="navbar-brand">f2e-server</a>
        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
          <ul class="nav navbar-nav">
            <li><a href="start.html">使用入门</a></li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">WEB服务器<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="server.html#introduce">简介</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="server.html#base-conf">基本配置</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="server.html#host-conf">域名路由</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="server.html#filter-conf">请求过滤器</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">模板引擎<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="handle.html#introduce">简介</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="handle.html#include">模板引用和包含</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="handle.html#request">服务端内置对象</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="handle.html#diy">自主DIY</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="http://underscorejs.org/#template">Underscore</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">代理<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#introduce">简介</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#simple">简单代理</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#mutiple">多域代理</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#urlmap">路径映射</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#sso">SSO和Cookie代理锁定</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="agent.html#save">实时持久化(整站下载)</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">中间件<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="middleware.html#introduce">简介</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="middleware.html#install">安装使用</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="middleware.html#mdppt">在线ppt</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="middleware.html#extend">扩展和Issue</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="http://less.bootcss.com/">LESS</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="http://coffee-script.org/">Coffee</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="http://jade-lang.com/">Jade</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">项目输出<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="build.html#introduce">简介</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="build.html#minify">合并压缩</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="build.html#filter">过滤处理</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="build.html#rename">中间件资源/重命名</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a role="button" class="dropdown-toggle" data-toggle="dropdown">其他<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#combine">Combine支持(http-concat)</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#autoprefix">CSS3自动前缀</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#babel">ES6-ES5自动转换</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#psd">psd文件解析</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#upload">upload使用</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#prettify">代码美化</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#placeholder">图片占位</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#crx">Chrome插件</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="other.html#livereload">自动刷新</a></li>
              </ul>
            </li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
              <li><a data-toggle="modal" data-target="#myModal" href="javascript:;">关于f2e-server</a></li>
              <li><a target="_blank" href="http://www.oschina.net/p/f2e-node-server">GitOSC</a></li>
              <li><a target="_blank" href="https://github.com/shy2850/node-server">Github</a></li>
          </ul>
        </nav>
    </div>
  </header>