Tooltips

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. Read Bootstrap documentation

button.btn.btn-gray.mr-2(type="button" data-toggle="tooltip" data-placement="top" title="Tooltip on top")
	| Tooltip on top
button.btn.btn-gray.mr-2(type="button" data-toggle="tooltip" data-placement="right" title="Tooltip on right")
	| Tooltip on right
button.btn.btn-gray.mr-2(type="button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom")
	| Tooltip on bottom
button.btn.btn-gray.mr-2(type="button" data-toggle="tooltip" data-placement="left" title="Tooltip on left")
	| Tooltip on left

<button class="btn btn-gray mr-2" type="button" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">
	Tooltip on top
</button>
<button class="btn btn-gray mr-2" type="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">
	Tooltip on right
</button>
<button class="btn btn-gray mr-2" type="button" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">
	Tooltip on bottom
</button>
<button class="btn btn-gray mr-2" type="button" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">
	Tooltip on left
</button>

Visit Bootstrap documentation to learn more about this component

Version 2.0.0, [email protected]