CSS

how to show text at the time of hover in bootstrap

<div class="text-center my-3">
  <b-button v-b-tooltip.hover title="Tooltip directive content">
    Hover Me
  </b-button>

  <b-button id="tooltip-target-1">
    Hover Me
  </b-button>
  <b-tooltip target="tooltip-target-1" triggers="hover">
    I am tooltip <b>component</b> content!
  </b-tooltip>
</div>

on hover show text in bootstrap

//if your want to change position to change data-placement
//For Example 
//data-placement="right"
//data-placement="left"
//data-placement="top"
//data-placement="bottom"
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Edit">
  Edit
</button>