Normal Badges

To create normal badges, you can add .badge class to badge.

Item Label
Primary label
Primary
Info label
Info
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Pills

To create pills badges, you can add .badge.badge-pill class to badge.

Item Label
Primary label
Primary
Info label
Info
Danger label
Danger
Success label
Success
Warning label
Warning

Badge Variations

Item Label
Rounded Primary
2
Rounded Info
5
Rounded Danger
1
Rounded Success
9
Rounded Warning
4
Toltip & Popover
Toasts
Toasts
Translucent
Stacking
data-delay
Placement

Collapse

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.

Collapse Multiple

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

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

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
Default Bootstrap Breadcrumb
Colored Bootstrap Breadcrumb

Add a classes .colorled-breadcrumb for colored bootstrap breadcrumb.

Basic Paginations

Simple Card

Team A
image
Catherine

Tester

image
Jacob Stephen

Tester

image
Thomas Cook

Developer

image
Jacob march

Designer

Team B
image
Rebecca young

Software engineer

image
Keto Philip

Business Analyst

image
March Creg

Developer

image
Peter Beckham

Designer

Basic Table

ID Name Job Title Degree Salary
1 Adrian Monino Front-End Engineer Computer Science $120,000
2 Socrates Itumay Software Engineer Computer Engineering $150,000
3 Reynante Labares Product Manager Business Management $250,000

Table Hover

ID Name Job Title Degree Salary
1 Adrian Monino Front-End Engineer Computer Science $120,000
2 Socrates Itumay Software Engineer Computer Engineering $150,000
3 Reynante Labares Product Manager Business Management $250,000

Striped Rows

ID Name Job Title Degree Salary
1 Adrian Monino Front-End Engineer Computer Science $120,000
2 Socrates Itumay Software Engineer Computer Engineering $150,000
3 Reynante Labares Product Manager Business Management $250,000

Bordered Table

ID Name Job Title Degree Salary
1 Adrian Monino Front-End Engineer Computer Science $120,000
2 Socrates Itumay Software Engineer Computer Engineering $150,000
3 Reynante Labares Product Manager Business Management $250,000

List Group

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

List Group

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros