Bootstrap UI
Badges
Add any of the below mentioned modifier classes to change the appearance of a badge.
Badge can be more contextual as well. Just use regular convention e.g. badge-*color, badge-primary
to have badge with different background.
Soft Badges
Using the .badge-soft* modifier class, you can have more soften variation.
Outline Badges
Using the .badge-outline-* to quickly create a bordered badges.
Pill Badges
Use the .badge-pill modifier class to make badges more rounded.
Soft Badges
Use the .badge-soft-* modifier class to make badges soft.
Outline Badges
Using the .badge-outline-* to quickly create a bordered badges.
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
Add .pagination-split for rounded pagination.
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.
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Learn more
