提示框Tooltip

<button type="button" class="btn">T-Shirt
    <div class="tooltip top">Text</div>
</button>

span:
<button type="button" class="btn">T-Shirt
    <span class="tooltip top">Text</span>
</button>

方向Direction

支持top、bottom、left、right

Top:
<div class="tooltip top">Text</div>

Bottom:
<div class="tooltip bottom">Text</div>

Left:
<div class="tooltip left">Text</div>

Right:
<div class="tooltip right">Text</div>

宽度Width

添加data-width="#"属性来设定提示框宽度

<button type="button" class="btn">Width 300px
    <div class="tooltip right" data-width="300">Text</div>
</button>

激活Active

添加class="active"使其状态为始终显示的

<div class="tooltip right active">Text</div>