Helsinki

Add the properties data-toggle="tooltip", data-placement="[positon]" and title="[message]"

Tooltip on left Tooltip on top Tooltip on bottom Tooltip on right

Add the properties data-toggle="popover", data-placement="[positon]" and data-content="[message]"

Add the classes .alert and .alert-[state]"

× Success! Good everything went well!

× Warning! Better check again!

× Danger! A problem has occurred!

× Note! Please read this message!