<div class="slds-p-top_medium" role="group">
  <button type="button" class="slds-button slds-button_neutral" data-toggle="tooltip" data-placement="left" title="Tooltip on left1">Tooltip on left</button>
</div>
<div class="slds-p-top_medium" role="group">
  <button type="button" class="slds-button slds-button_neutral" data-toggle="tooltip" data-placement="top" title="Tooltip on top2">Tooltip on top</button>
</div>
<div class="slds-p-top_medium" role="group">
  <button type="button" class="slds-button slds-button_neutral" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom3">Tooltip on bottom</button>
</div>
<div class="slds-p-top_medium" role="group">
  <button type="button" class="slds-button slds-button_neutral" data-toggle="tooltip" data-placement="right" title="Tooltip on right4">Tooltip on right</button>
</div>

<script>
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
</script>