Bootstrap 5 Tutorial
Learn Bootstrap 5
Bootstrap 5 is the newest version of Bootstrap, which is the most popular HTML, CSS, and JavaScript framework for creating responsive, mobile-first websites.
Bootstrap 5 is completely free to download and use!
Try it Yourself Examples
This tutorial contains hundreds of Bootstrap 5 examples.
With our online editor, you can edit the code, and click on a button to view the result.
Bootstrap 5 Example
Try it Yourself »Click on the "Try it Yourself" button to see how it works.
Bootstrap 5 vs. Bootstrap 3 & 4
Bootstrap 5 is the newest version of Bootstrap; with new components, faster stylesheet and more responsiveness.
Bootstrap 5 supports the latest, stable releases of all major browsers and platforms. However, Internet Explorer 11 and down is not supported.
The main differences between Bootstrap 5 and Bootstrap 3 & 4, is that Bootstrap 5 has switched to JavaScript instead of jQuery.
Note: Bootstrap 3 and Bootstrap 4 is still supported by the team for critical bugfixes and documentation changes, and it is perfectly safe to continue to use them. However, new features will NOT be added to them.
Bootstrap 5 Exercises
Test Yourself With Exercises
Exercise:
Use a Bootstrap class to center the following text:
<p class=""> Hello World!</p>
Did You Know?
W3.CSS is an excellent alternative to Bootstrap 5.
W3.CSS is smaller, faster, and easier to use.
If you want to learn W3.CSS, go to our W3.CSS Tutorial.
Bootstrap 5 Quiz Test
Test your Bootstrap 5 skills at Webmastertoolbag!