<div class="row justify-content-center text-center pb-3">
		<div class="col-9">
			<h2>Tooltips</h2>
			<p>Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and
				data-attributes for local title storage.</p>
		</div>
	</div>
	<div class="row mb-5 justify-content-center">
		<button type="button" class="btn btn-primary mx-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">
			Tooltip on top
		</button>
		<button type="button" class="btn btn-primary mx-2" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">
			Tooltip on right
		</button>
		<button type="button" class="btn btn-primary mx-2" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">
			Tooltip on bottom
		</button>
		<button type="button" class="btn btn-primary mx-2" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">
			Tooltip on left
		</button>
	</div>