Tooltips

Small, interactive, textual hints for mainly graphical elements.

Tooltip

Tooltips provide context information labels that appear on hover and focus.When using icons for actions you can use a tooltip to give people clarification on its function.

Add the tooltip class and the data-content attribute, which contains the tooltip content, to non self closing elements.

	
		.tooltipped-nw
	
	
		.tooltipped-n
	
	
		.tooltipped-ne
	




	
		.tooltipped-w
	
	
		.tooltipped-e
	



	
		.tooltipped-sw
	
	
		.tooltipped-s
	
	
		.tooltipped-se