Tooltip and Popover

<div class="row text-center">
	<div class="col-md-6 col-xl-3 mt-2 mb-2">
		<button type="button" class="btn btn-purple" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
	</div>
	<div class="col-md-6 col-xl-3 mt-2 mb-2">
		<button type="button" class="btn btn-cyan" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
	</div>
	<div class="col-md-6 col-xl-3 mt-2 mb-2">
		<button type="button" class="btn btn-pink" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
	</div>
	<div class="col-md-6 col-xl-3 mt-2 mb-2">
		<button type="button" class="btn btn-teal" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
	</div>
</div>

<div class="row text-center">
	<div class="col-sm-6 col-lg-3 mt-2 mb-2">
		<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="top" title="Popover top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			Popover top
		</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mt-2 mb-2 ">
		<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="bottom" title="Popover bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			Popover bottom
		</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mt-2 mb-2">
		<button type="button" class="btn btn-success" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="left" title="Popover left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			Popover left
		</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mt-2 mb-2">
		<button type="button" class="btn btn-danger" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="right" title="Popover right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			Popover right
		</button>
	</div><!-- col-3 -->
</div>