Easily highlight new or unread items by adding a badge to links, Bootstrap navs, and more.
Easily highlight new or unread items by adding a badge to links, Bootstrap navs, and more.
Default button
Use carets to indicate dropdown functionality and direction.
Use carets to indicate dropdown functionality and direction. Note that the default caret will reverse automatically in dropup menus.
Set an element to display: block and center via margin
Set an element to display: block and center via margin
Easily clear floats by adding .clearfix
to the parent element.
Easily clear floats by adding .clearfix
to the parent element.
Utilizes the micro clearfix as popularized by Nicolas Gallagher.
Use the generic close icon for dismissing content like modals and alerts.
Use the generic close icon for dismissing content like modals and alerts.
Appends data-%property%
attributes to the element
Appends data-%property%
attributes to the element
Value type
Properties
Modifier
Default icon
A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.
A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.
Non-breaking Space A common character entity used in HTML is the non-breaking space: A non-breaking space is a space that will not break into a new line.
Generates unique element ID
No-op frag
No-op modifier
Hide an element to all devices except screen readers with .sr-only
Hide an element to all devices except screen readers with .sr-only
Combine .sr-only with .sr-only-focusable
to show the element again when it's focused (e.g.
Combine .sr-only with .sr-only-focusable
to show the element again when it's focused (e.g. by a keyboard-only user)