Header自适应头部
通用网页头部，宽度自适应，可放置logo、导航、菜单、搜索条、按钮等
前言
通用头部有固定的html结构，以满足自适应要求。
结构层次：ax-header -> wrap -> l/c/r -> container(可选) -> head/body。
<ax-header>
<div class="_header-wrap">
<div class="_header-l">
<!--移动端头部左侧，通常放置按钮-->
</div>
<div class="_header-c">
<!--使用外容器包裹，支持_container[-sm ~ -xl](可选)-->
<div class="_container">
<div class="_header-head">
<!--头部的头部，通常包括：logo-->
</div>
<div class="_header-body">
<!--头部的主体，通常包括：导航、搜索、按钮等-->
</div>
</div>
</div>
<div class="_header-r">
<!--移动端头部右侧，通常放置按钮-->
</div>
</div>
</ax-header>
简单用法
header主要有四个部分，移动端左侧、移动端右侧、通用头部和通用主体部分。通过一个简单的示例展示header的四个部分。默认没有高度限制，header的高度通过主体部分的内容支撑起来。
填充主体
_header-head和_header-body标签为header的主体区域，通过填充这两个标签支撑起header。本例使用了logo和nav(_group-lamp)两个原件。
占位
header默认是使用fixed定位（固定在页面顶部），而其后的兄弟标签将顶替header原来的位置，此时兄弟标签会被ax-header标签覆盖，此时需要使用占位标签_header-holder。
行内
如果希望header不脱离文档（不使用fiexed固定），可对ax-header标签追加inherit属性，此时便不需要_header-holder标签了。
使用外容器
默认header是全宽铺满的，如果兄弟节点使用了_container[-*]，那么也可以对_header-c增加_container[-*]子节点。
填充两侧
在移动端中，_header-body将被隐藏，而_header-l和_header-r将被显示。因为移动端宽度有限，两侧通常放置若干图标或按钮。
两侧的子元素为正方形，所以每一个子元素的内容宽度有限。
对齐两侧
在移动端中默认是居中对齐的，logo位于中间，也就是“左-中-右”结构；这种结构对两侧的图标或按钮有一个要求，就是两侧的子节点数量需要一致，以确保logo始终位于中间。
如果希望两端对齐，也就是不使用左侧内容，仅使用logo和右侧内容，将所有的图标和和按钮放置于_header-r节点中，可追加justify。
丰富内容
文本内容主要放置的_header-body当中，可使用的原件如下：
- rep=nav，放置主导航，支持三种导航形式
- _menu：使用ax-menu模块
- _grade：使用_grade静态无级菜单
- _group-lamp：使用静态的tab
- rep=icons：放置图标按钮组
- rep=link：放置单个超链接
- rep=avatar：放置一个头像组件
- rep=btns：放置一个按钮组
- rep=dropdown：放置一个dropdown实例
- rep=search：放置一个search组件
