Add any of the below mentioned modifier classes to change the appearance of a badge.
Use the .badge-pill
modifier class to make badges more rounded (with a larger border-radius
and additional horizontal padding
). Useful if you miss the badges from v3.
Add small overlay content, like those found in iOS, to any element for housing secondary information.
Hover over the links below to see tooltips:
Pagination links indicate a series of related content exists across multiple pages.
Pagination links are customizable for different circumstances. Use .disabled
for links that appear un-clickable and .active
to indicate the current page.
Fancy larger or smaller pagination? Add .pagination-lg
or .pagination-sm
for additional sizes.
Change the alignment of pagination components with flexbox utilities.
Use the border spinners for a lightweight loading indicator.
If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!