Getting Started with Bootstrap 5
Learn how to build responsive websites using Bootstrap 5 components and utilities.
This is a lead paragraph that stands out.
Font size 1
Font size 2
Font size 3
Font size 4
Font size 5
Font size 6
Primary text
Neutral text
Success text
Danger text
Warning text
Info text
Light text
Dark text
Body text
Muted text
White text
Black 50% opacity
White 50% opacity
Bold text
Bolder text
Semibold text
Medium text
Normal text
Light text
Lighter text
Italic text
Normal font style
Underlined text
Line through text
Text with no decoration
Uppercase text
LOWERCASE TEXT
capitalized text
img-fluid
img-thumbnail
rounded
| ID | Name | Status | Actions | |
|---|---|---|---|---|
| 1 | John Doe | john@example.com | Active | |
| 2 | Jane Smith | jane@example.com | Pending | |
| 3 | Bob Johnson | bob@example.com | Inactive |
Some quick example text to build on the card title.
Some example text with success styling.
This is the home tab content. You can put any content here including text, images, forms, or other components.
This is the profile tab content with different information.
This is the contact tab content area.
This is the home pill content.
This is the profile pill content.
This is the contact pill content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.
"Excellent service and outstanding results. The team was professional and delivered exactly what we needed."
"Great experience working with this team. They understood our requirements and delivered on time."
"This is the best Bootstrap theme I've ever used. The components are well-designed and easy to customize."
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
This is the home tab content in vertical pills.
This is the profile tab content.
This is the messages tab content.
This is the settings tab content.
Learn how to build responsive websites using Bootstrap 5 components and utilities.
Explore the latest CSS features and techniques for modern web development.
A comprehensive guide to understanding closures in JavaScript...
Learn the best practices for using React Hooks in your applications...
Artist Name • Album Name
Watch our product demo
Learn how to use our platform
Drag the slider to compare images
This is a demo of a parallax section with background effects and content overlay.
Sapien, nulla placerat in at. Vitae tincidunt quam ornare massa porttitor...
Overview content goes here. This is where you describe the program in detail, its benefits, who it’s for, and what students can expect.
Entry Requirements content goes here. This is where you list academic prerequisites, English requirements, or other conditions for applying.
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorpser potenti elementum.
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.