\n A simple labeling component. Badges scale to match the size of the\n immediate parent element by using relative font sizing and\n em
units.\n
\n Use the pill
modifier class to make badges more\n rounded.\n
\n Use the .badge-soft-*
modifier class to make badges\n soft.\n
\n Using the .badge-outline-*
to quickly create a\n bordered badges.\n
\n Add any of the below mentioned modifier classes to change the\n appearance of a badge. Badge can be more contextual as well. Just\n use regular convention e.g. badge-*color
,\n badge-primary
\n to have badge with different background.\n
\n Using the .badge-soft*
modifier class, you can have\n more soften variation.\n
\n Using the .badge-outline-*
to quickly create a\n bordered badges.\n
\n Using the contextual .badge-*
classes on an\n <a>
element quickly provide\n actionable badges with hover and focus states.\n
\n Use the .badge-soft-*
modifier class to make badges\n lighten.\n
\n Using the .badge-outline-*
to quickly create a\n bordered badges.\n
\n Provide pagination links for your site or app with the\n multi-page pagination component.\n
\n\nDefault Pagination
\n\n Simple pagination inspired by Rdio, great for apps and\n search results.\n
\n\nRounded Pagination
\n\n Add\n .pagination-rounded
for rounded pagination.\n
Sizing
\n\n Add\n .pagination-lg
\n or\n .pagination-sm
\n for additional sizes.\n
Alignment
\n\n Change the alignment of pagination components with flexbox\n utilities.\n
\n\n\n Indicate the current page’s location within a navigational\n hierarchy.\n
\n\n \n \n \n\n This is a simple hero unit, a simple jumbotron-style component for\n calling extra attention to featured content or information.\n
\n\n It uses utility classes for typography and spacing to space content\n out within the larger container.\n
\n