<header class="bg-white header header-space navbar">
  <div class="container">
    <ul class="nav navbar-nav navbar-left pull-left-xs web-font">
      <li class="active"><a href="#">作品</a></li>
      <li class=""><a href="#">书签</a></li>
      <li class=""><a href="#">下载</a></li>
      <li class="hidden-xs"><a href="#">充值</a></li>
      <li class="hidden-xs"><a href="#">提现</a></li>
      <li class=""><a href="#">设置</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right pull-right-xs m-n">
      <li>
        <a href="#" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="首页">
          <i class="i i-home"></i>
        </a>
      </li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          <i class="i i-grid"></i>
        </a>
        <section class="dropdown-menu aside-lg bg-white on animated fadeInLeft panel-shadow b-light">
          <div class="row m-l-none m-r-none text-center">
            <div class="col-xs-4 b-r b-b">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="fa fa-money i-2x text-primary-lt"></i>
                    </span>
                  <small class="text-muted">
                    提现
                  </small>
                </a>
              </div>
            </div>
            <div class="col-xs-4 b-r b-b">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="i i-chat3 i-2x text-danger"></i>
                    </span>
                  <small class="text-muted">
                    消息
                  </small>
                </a>
              </div>
            </div>
            <div class="col-xs-4 b-b">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="i i-data i-2x text-success"></i>
                    </span>
                  <small class="text-muted">
                    充值
                  </small>
                </a>
              </div>
            </div>
            <div class="col-xs-4 b-r">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="i i-share i-2x text-info"></i>
                    </span>
                  <small class="text-muted">
                    推广赚钱
                  </small>
                </a>
              </div>
            </div>
            <div class="col-xs-4 b-r">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="i i-popout i-2x text-muted"></i>
                    </span>
                  <small class="text-muted">
                    新手帮助
                  </small>
                </a>
              </div>
            </div>
            <div class="col-xs-4">
              <div class="padder-v">
                <a href="#">
                    <span class="m-b-xs block">
                      <i class="i i-history i-2x text-warning"></i>
                    </span>
                  <small class="text-muted">
                    最近浏览
                  </small>
                </a>
              </div>
            </div>
          </div>
        </section>
      </li>
    </ul>

  </div>
</header>