Tooltip

<div class="tooltip" data-tip="hello world">
  <button class="btn">Button</button>
</div>

Note: .tooltip can be activated by &:hover or &.active.

Directions

<div class="tooltip" data-tip="hello world">
  <button class="btn">(default)</button>
</div>
<div class="tooltip tooltip-bottom" data-tip="hello world">
  <button class="btn">tooltip-bottom</button>
</div>
<div class="tooltip tooltip-left" data-tip="hello world">
  <button class="btn">tooltip-left</button>
</div>
<div class="tooltip tooltip-right" data-tip="hello world">
  <button class="btn">tooltip-right</button>
</div>