Test Page

Bootstrap 5 Test Components

Alerts
Buttons
Badges
Primary Secondary Success Danger Warning Info Pill Badge
Card Header
Card Title

This is a sample card with some text content to demonstrate Bootstrap cards.

Success Card
Success State

A card demonstrating success styling with green border.

Alert Card
Warning State

A card demonstrating danger/warning styling.

Form Controls
Input Groups & Validation
@
Looks good!
Please correct this error.
Tables
# Name Email Status Actions
1 John Doe john@example.com Active
2 Jane Smith jane@example.com Pending
3 Bob Wilson bob@example.com Inactive
# Name Email Status
1 John Doe john@example.com Active
2 Jane Smith jane@example.com Pending
# Name Email Status
1 John Doe john@example.com Active
2 Jane Smith jane@example.com Pending
Progress Bars
25%
50%
75%
100%
Spinners
Modal
Tooltips
Accordion

This is the first accordion body content.

This is the second accordion body content.

This is the third accordion body content.
List Groups
  • Item 1
  • Item 2 (Active)
  • Item 3
  • Item 4 (Disabled)
  • Item 5
  • Primary Item
  • Success Item
  • Danger Item
  • Warning Item
Pagination
Breadcrumb
Navs & Tabs

Home Tab Content: Welcome to the home section! This demonstrates the tab navigation system.

Profile Tab Content: This is the profile section showing user information.

Contact Tab Content: Get in touch with us through this section.

Offcanvas
Go to Page 1
Offcanvas Title

This is an offcanvas sidebar!