提示框 Tooltip

Buttons & Links

tooltips

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. twitter handle freegan cred raw denim single-origin coffee viral.

HTML

<!--Button-->
<button class="btn btn-default tooltips " data-placement="top" data-original-title="Tooltip in top">Top</button>
<button class="btn btn-default tooltips " data-placement="left" data-original-title="Tooltip in left">Left</button>
<button class="btn btn-default tooltips " data-placement="right" data-original-title="Tooltip in right">Right</button>
<button class="btn btn-default tooltips " data-placement="bottom" data-original-title="Tooltip in bottom">Bottom</button>

<!--A-->
<a data-original-title="Very long toolips" class="tooltips" href="#">tooltips</a>