Bootstrap 5 tutorial

A collection of the best crash courses related to the newest Bootstrap 5

About Bootstrap

Bootstrap is the most favored and dynamically evolving front-end framework.

It became the undeniable leader in web design. It is used and appreciated by millions of programmers across the world. It is hard to find a more effective tool than Bootstrap.

Considering its progressive development and the snowballing upsurge of projects based on this framework, every web designer or developer should at least be familiar with the basics of Bootstrap.


About Bootstrap 5

Released on June 16, Bootstrap 5 brings many new features. jQuery was removed and the project switched to plain JavaScript. However, this is only the beginning of changes.

Summary of the most important changes:

  • RTL support has been added
  • jQuery was removed
  • Switch to Vanilla JavaScript
  • Drop Internet Explorer 10 and 11 support
  • Improved grid system
  • Improved documentation
  • Improved modularity
  • Improved forms
  • New responsive font
  • New utilities & helpers
  • Easier customization & theming
  • Lighter package
  • New API available

We have prepared for you free tutorials divided into 3 levels - beginner, intermediate and advanced.

Bootstrap 5 beta - what's new?

Do you want to be up to date with Bootstrap 5 news and get notification about new Bootstrap 5 tutorials? Sign up for our newsletter

Crash course for beginners in 1.5H

Agenda:

  • 1:14 What is Bootstrap?
  • 5:13 Bootstrap 4 vs Bootstrap 5 (What's new in Bootstrap 5)
  • 10:10 Installation
  • 13:32 New Bootstrap Grid System
  • 24:28 Buttons
  • 27:41 Cards
  • 34:50 Text utilities
  • 44:35 Responsive images
  • 47:31 Spacing
  • 54:54 Tables
  • 1:01:03 Alerts & Toasts
  • 1:08:45 Carousel
  • 1:10:35 Scrollspy
  • 1:12:40 Navs & Navbars
  • 1:18:40 Bootstrap Icons
  • 1:21:04 Forms

Intermediate level - build your own projects from scratch

Build a landing page

Build a portfolio

Build a blog

Build an advanced landing page

Build an advanced portfolio

Build an advanced blog

Build a basic admin dashboard

Build a traffic admin dashboard

Build an order admin dashboard

Build an ecommerce listing website


Advanced level - create worldwide top websites from scratch

Build your own Trello board

Build your own Instagram

Build your own Facebook profile

Build your own Gmail app