Badges
Use class .badge and for colors
badge-success for get desire badge.
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Contextual Badge variations
Use class .badge and for colors
badge-success for get desire badge.
Default
Primary
Success
Info
Warning
Danger
Pill badges
Use class .badge-pill and for colors
badge-success for get desire badge.
Default
Primary
Success
Info
Warning
Danger
Badges
Contextual variations
Primary Secondary Success Danger Warning Info Light DarkPill badges
Primary Secondary Success Danger Warning Info Light DarkCollapse (Toggle)
click below button, for Use a link with the
href attribute, with class .collapse get desire
toggle.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer
labore wes anderson cred nesciunt sapiente ea proident.
Simple pagination
To make pagination give class pagination
to ul
Working with icons
To make pagination give class pagination
to ul
Disabled and active states
To make pagination active or disable give class
.disabled & .active to ul
Sizing
Fancy larger or smaller pagination?
Add.pagination-sm for additional sizes.
Alignment
Change the alignment of pagination components with
felxbox justify-content-center, justify-content-end,
Sizing
Fancy larger or smaller pagination?
Add.pagination-lg for additional sizes.
Image with round corner
.img-rounded
Image with circle
.rounded-circle Make sure the image is
square
not ractangle
Image with Thumbnail
img-thumbnail
jumbotron
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
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.
Fluid jumbotron
To make the jumbotron full width, and without rounded
corners, add the jumbotron-fluid
Fluid jumbotron
This is a modified jumbotron that occupies the entire horizontal space of its parent.