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
|
Summernote editor
Toltip & Popover
Toasts
Toasts
Translucent
Stacking
data-delay
Placement
Collapse
Collapse Multiple
Accordion
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 moreDefault Bootstrap Breadcrumb
Colored Bootstrap Breadcrumb
Add a classes .colorled-breadcrumb
for colored bootstrap breadcrumb.
Basic Paginations
Simple Card
Team A
Catherine
Tester
Jacob Stephen
Tester
Thomas Cook
Developer
Jacob march
Designer
Team B
Rebecca young
Software engineer
Keto Philip
Business Analyst
March Creg
Developer
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