Layouts
Skins
Other
Labels
Small and adaptive tag for adding context to just about any content.
Contextual variations
Add any of the below mentioned modifier classes to change the appearance of a tag.
Default Primary Success Info Warning DangerRounded
Use the .tag-pill modifier class to make tags more rounded.
Tooltips
Hover over the buttons below to see their tooltips.
Clickable example.
Colored tooltips
Change tooltip color by adding data-color attribute with .tooltip-@color.
Popovers
Add small overlay content to any element for housing secondary information.
Image shapes
Add classes to an <img> element to easily style images in any project.
Collapse
Click the buttons below to show and hide another element.
Link with hrefAccordion
Extend the default collapse behavior to create an accordion.
Breadcrumb
Indicate the current page’s location within a navigational hierarchy.
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. The large block is hard to miss, easily scalable, and provides large click areas.
Disabled and active states
Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.
Sizing
Add .pagination-lg or .pagination-sm for additional sizes.