Tooltips and popover

by

Tooltip

Lorem ipsum dolor sit amet [tooltips tips=”Im your tips” position=”top”]tooltips[/tooltips], consectetuer adipiscing elit [tooltips tips=”Im your tips” position=”bottom”]tooltips[/tooltips], sed diam nonummy nibh euismod tincidunt [tooltips tips=”Im your tips” position=”left”]tooltips[/tooltips] laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad [tooltips tips=”Im your tips” position=”right”]tooltips[/tooltips] minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,

 

Popover

Trigger: Click, hover, focus, manual

[popover title=”Im your title” icon=”glyphicon glyphicon-asterisk” desc=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut” size=”btn-lg” rounded=”btn-box” style=”btn-custom brown” position=”top” trigger=”click”]Button text[/popover]  [popover title=”Im your title” icon=”” desc=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut” size=”btn-lg” rounded=”btn-box” style=”btn-default” position=”top” trigger=”click”]Button text[/popover]  [popover title=”Im your title” icon=”glyphicon glyphicon-book” desc=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut” size=”btn-lg” rounded=”nonestyle” style=”btn-custom green” position=”top” trigger=”hover”]Button text[/popover] [popover title=”Im your title” icon=”glyphicon glyphicon-backward” desc=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut” size=”btn-lg” rounded=”nonestyle” style=”btn-warning” position=”top” trigger=”focus”]Button text[/popover]

 

Mixed popover button with button icon, style, size, color, etc.. Great.. 😉

Leave a Reply

Your email address will not be published. Required fields are marked *