Bootstrap-Elements

Popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

Tooltips

Four options are available: top, right, bottom, and left aligned.

Labels

Add any of the default mentioned modifier classes to change the appearance of a label.

Default Primary Success Info Warning Danger Purple Inverse Pink

Badge

Four options are available: top, right, bottom, and left aligned.

15 0 21 3 35 32 51 77 9

Standard Alert

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Big one!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Dismissable Alert

Build on any alert by adding an optional .alert-dismissible and close button.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alert Link.

Big one!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Pagination

Provide pagination links for your site or app with the multi-page pagination component.

Default Pagination

Simple pagination inspired by Rdio, great for apps and search results.

Split Pagination

Links are split to each other by adding a class of .pagination-split

Sizing

Add .pagination-lg or .pagination-sm for additional sizes.

Alignment

Change the alignment of pagination components with flexbox utilities.

Breadcrumb

Indicate the current page’s location within a navigational hierarchy.

© 2016 - 2017. All rights reserved.