Popovers

button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="top" data-toggle="popover" title="Popover top" type="button">Popover<i class="fa fa-play-circle-o ml"></i></button>

Popover left

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="left" data-toggle="popover" title="Popover left" type="button">Popover<i class="fa fa-play-circle-o ml"></i></button>

Popover right

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" title="Popover right" type="button">Popover<i class="fa fa-play-circle-o ml"></i></button>

Popover bottom

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="bottom" data-toggle="popover" title="Popover bottom" type="button">Popover<i class="fa fa-play-circle-o ml"></i></button>

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="click" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Focus trigger

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="focus" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

HTML support

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Add <u>some</u> HTML stuff." data-html="true" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Disabled animation

<button class="dg-btn-1 btn-accent radius-3px" data-animation="false" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Delayed tooltip

<button class="dg-btn-1 btn-accent radius-3px" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-delay="300" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-accent" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Primary header

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-primary" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Success header

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-success" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Info header

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-info" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Warning header

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-warning" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Danger header

<button class="btn btn-default" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-header="bg-danger" data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

<button class="btn btn-default" data-bg="bg-accent" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Primary solid

<button class="btn btn-default" data-bg="bg-primary" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Success solid

<button class="btn btn-default" data-bg="bg-success" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Info solid

<button class="btn btn-default" data-bg="bg-info" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Warning solid

<button class="btn btn-default" data-bg="bg-warning" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>

Danger solid

button class="btn btn-default" data-bg="bg-danger" data-container="body" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" data-trigger="hover" title="" type="button" data-original-title="Popover title">Popover<i class="fa fa-play-circle-o ml"></i></button>