Just put this to any tag data-toggle="tooltip" title="Default tooltip"
<buttontype="button"class="btn btn-secondary btn-outline"data-toggle="tooltip"data-placement="top"title="Tooltip on top">Tooltip on top</button><buttontype="button"class="btn btn-secondary btn-outline"data-toggle="tooltip"data-placement="right"title=""data-original-title="Tooltip on right">Tooltip on right</button><buttontype="button"class="btn btn-secondary btn-outline"data-toggle="tooltip"data-placement="bottom"title=""data-original-title="Tooltip on bottom">Tooltip on bottom</button><buttontype="button"class="btn btn-secondary btn-outline"data-toggle="tooltip"data-placement="left"title=""data-original-title="Tooltip on left">Tooltip on left</button>
Interactive demo
Just put this to any tag data-container="body" title="Popover title" data-toggle="popover" data-placement="top" data-content="..."
<buttontype="button"class="btn btn-secondary"data-container="body"title="Popover title"data-toggle="popover"data-placement="top"data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on top
</button><buttontype="button"class="btn btn-secondary"data-container="body"title="Popover title"data-toggle="popover"data-placement="right"data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
</button><buttontype="button"class="btn btn-secondary"data-container="body"title="Popover title"data-toggle="popover"data-placement="bottom"data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on bottom
</button><buttontype="button"class="btn btn-secondary"data-container="body"title="Popover title"data-toggle="popover"data-placement="left"data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>