Bootstrap 5 From Scratch | Build 5 Modern Websites
26 👀
Harry Potter

Harry Potter

Jun 30, 2023

Bootstrap 5 From Scratch | Build 5 Modern Websites

Learn to customize and build modern websites from scratch using Bootstrap 5



What you'll learn

  • Create 5 high quality websites from scratch
  • Create an enviroment boilerplate to compile Sass & customize Bootstrap
  • 3 mini-project challenges
  • Learn & examine Bootstrap classes & utilities using sandbox files
  • Learn semantic HTML5 & CSS techniques



  • You should know the basics of HTML and CSS


This course is for anyone that wants to learn how to build modern websites and UIs using the Bootstrap CSS framework. This course is very beginner friendly, but is also for anyone that wants to build some cool projects.


The course is broken up into a few parts...


The Bootstrap Sandbox


We will start off by learning all of the important Bootstrap classes, utilities, helpers, etc by using the Bootstrap sandbox. This is a collection of files that are categorized for certain components and areas such as buttons, typography, grid columns, flex, etc. You will have a starter version without the classes and we will go through and add the classes and talk about them and in some cases examine the CSS. We will use the sandbox for all of the CSS components as well as the JavaScript widgets such as the carousel, accordion, toast notifications and so on.


Mini-Project Challenges


There will be a couple mini-projects that I will ask you to complete yourself, based on what you learned in the sandbox sections. This includes a pricing grid, ratings component and a user list. I may add more to this section as well.


Starter Template / Boilerplate


We will be creating a template and environment to build our main projects. This will include using NPM (Node Package Manager) to install Bootstrap and Sass. We will customize Bootstrap by changing Sass variables and then compiling a custom bootstrap.css file. If you don't know NPM or Sass, that is fine. I explain everything as I go.


5 Main Websites


Next, we will use the starter template to create 5 great looking websites. In these websites, we will use Bootstrap componenrs, JavaScript widgets as well as some custom JavaScript and 3rd part libraries to give us a little more functionality.


The websites are as follows:


- Ebook Website - Website that offers a free ebook about starting a blog

- Corso Website - Website that offers training courses and seminars

- Portfolio Website - Modern looking portfolio for developers

- Yavin Website - A business that creates custom office spaces

- Vera Website - Software solutions website

Who this course is for:

  • People that want to build high quality websites & UIs using Bootstrap



Brad Traversy

Full Stack Web Developer & Instructor at Traversy Media

  • 4.7 Instructor Rating
  • 156,913 Reviews
  • 436,366 Students
  • 20 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.



4.8 course rating 26 reviews

Juan Manuel Gutiérrez G.

Rating: 5.0 out of 5 3 days ago


clear and complete explanations as always!


Emmanuel O.

Rating: 5.0 out of 5 4 days ago


Very amazing as always


Gregg F.

Rating: 5.0 out of 5 5 days ago


Have taken a lot of Brad's courses and he always does an excellent job both in his explanations and ease of learning new things.


John W.

Rating: 5.0 out of 5 6 days ago


I went back to raw CSS3 for a long time. This is getting back into the swing of Bootstrap and SASS.

Useful links:

  1. Bootstrap - Official website
  2. Bootstrap Documentation
  3. Sass - Official website
  4. HTML5 Documentation
  5. CSS Documentation

Wait a second...

Watch 👉How to download video

Bootstrap 5 From Scratch 🚀
Zip/rar files password can be one of these :- FreeCourseUniverse OR CheapUniverse
Harry Potter

Harry Potter

Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.

Leave a comment

0 Comment


Membership Plans

We are bringing so many new things at the fraction of a cost....


    How to download ??


    This site is hosted on Digital Ocean

    Get $200 credit Instantly

    Offer available for limited time
    ( Take advantage of free credits 👇 )
    DigitalOcean Referral Badge

    Related Posts

    Taken Down Resources


    © 2023 CheapUniverse. All Rights Reserved