UI General

Alert, label, badge, tooltip, popover and more

Alert

Warning! Your monthly traffic is reaching limit.
Success! The page has been added.
Info! You have 198 unread messages.
Error! The daily cronjob has failed.

Warning!

Your monthly traffic is reaching limit.

Success!

The page has been added.

Info!

You have 198 unread messages.

Error!

The daily cronjob has failed.

Label

Default Success Warning Important Info Inverse Pink Yellow Lime Magenta Gray

Size

xxLarge xLarge Large Default Small

With Icon

Before After Both

Badge

Default Success Warning Important Info Inverse Pink Yellow Lime Magenta Gray

Size

xxLarge xLarge Large Default Small

With Icon

Before After Both

Pagination


Pagination Colory

class="pagination pagination-colory"


Pagination Bullet

class="pagination pagination-bullet"


Pager

Progress bar

Basic

Striped

Animated

Stacked

Size

Value on tooltip

Tooltip

Make sure to add class show-tooltip to show tooltip.

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. twitter handle freegan cred raw denim single-origin coffee viral.

Popover

Make sure to add class show-popover to show popover.

Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel trigger me on hover terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa.

Gritter Notification

Click on below buttons to check it out.

Regular Sticky Imageless Light Max of 3 Remove all

Modals

Click on below buttons to check it out.

Basic modal Modal with animation Alert Confirm

Accordion

Anim pariatur cliche...Lorem ipsum dolore dolor occaecat dolore elit deserunt incididunt ex sed nostrud aute aliquip ut elit sed nisi.
Anim pariatur cliche...Lorem ipsum Duis occaecat Excepteur est magna tempor ex ea enim sunt mollit proident. Lorem ipsum sed laboris ut adipisicing ut et aute occaecat aute enim occaecat.
Anim pariatur cliche...Lorem ipsum do culpa adipisicing quis non nisi ullamco. Lorem ipsum velit dolore qui Excepteur fugiat et dolor proident reprehenderit magna aliqua enim consectetur nisi. Lorem ipsum sit laborum est magna veniam ex ut velit do aliqua amet dolore enim minim eu. Lorem ipsum adipisicing officia occaecat deserunt enim minim veniam sint amet sed consectetur nisi quis.

2013 © FLATY Admin Template.