#### Badges

###### Use class `.badge` and for colors `badge-success` for get desire badge.

# 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 Dark

#### Pill badges

Primary Secondary Success Danger Warning Info Light Dark

#### Collapse (Toggle)

###### click below button, for Use a link with the `href` attribute, with class `.collapse` get desire toggle.

Link with href

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.

Learn more

#### 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.

#### Range

Ordinary Range Range with Min-Max Range with Step