Bootstrap 5 Crash Course | Website Build & Deploy - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Bootstrap 5 Crash Course | Website Build & Deploy

Watch Web Development Traversy Media Video: Bootstrap 5 Crash Course | Website Build & Deploy.
Beginner-friendly website project using Bootstrap 5

Hostinger:
https://www.hostinger.com/traversymedia
- Use the code TRAVERSYMEDIA for 10% off!

Code:
https://github.com/bradtraversy/bootstrap-bootcamp-website

Project Demo:
https://www.frontendbootcampdemo.com/

Latest Udemy Courses:
https://traversymedia.com​

💖 Support The Channel!
http://www.patreon.com/traversymedia

Timestamps:
0:00 - Intro
2:01 - Docs & Getting Started
4:40 - Including Bootstrap CDN
6:38 - Responsive Navbar
14:04 - Showcase With Flex Classes
24:25 - Newsletter With Input Group
31:03 - Boxes With Bootstrap Grid & Cards
33:22 - Bootstrap Icons
38:44 - Learn Sections
44:38 - FAQ With Accordion
54:50 - Instructors Grid Cards
1:01:11 - Contact Info & Map
1:07:18 - Footer
1:09:38 - Enrollment Modal
1:14:57 - Deployment To Hostinger

Published:
Category: Web Development Traversy Media
23 Views

Related Videos

  • Build a Portfolio Website & Deploy

    Build a Portfolio Website & Deploy

    by Best Webhosting Added 60 Views / 0 Likes

    In this video we will create a portfolio website and deploy to AWS Denis Ivy YouTube Channel: https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg Code: https://github.com/divanov11/portfolio-website Live Project: http://dennisivy-portfolio.s3-website-us-west-2.amazonaws.com/ Infographic (Flex vs Grid): https://dennisivy-portfolio.s3-us-west-2.amazonaws.com/Flexbox+vs.+CSS+Grids+infographic.pdf • Become a Patron: Show support & get perks! http://w

  • Netlify Dev Crash Course | Easy Dev & Deploy

    Netlify Dev Crash Course | Easy Dev & Deploy

    by Best Webhosting Added 77 Views / 0 Likes

    In this video we will experiment with the Netlify Dev which is part of the CLI and allows us to utilize the power of Netlify on your local machine Read More: https://www.netlify.com/products/dev/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.co

  • Bootstrap Beginner Crash Course

    Bootstrap Beginner Crash Course

    by Best Webhosting Added 97 Views / 0 Likes

    Want to learn Twitter Bootstrap? In this video we will cover the Twitter Bootstrap framework in depth from installation to all of the HTML/CSS components and features. Grid System Navbars & Dropdowns Jumbotron List Group Alerts & Progress bars Typography Labels & Badges Much More... CODE - http://www.traversymedia.com/downloads/bootstrap_cheatsheet.zip 9 HOUR BOOTSTRAP 4 COURSE W/5 PROJECTS: https://www.udemy.com/bootstrap-4-from-scratch-with-5-projec

  • Vue.js & Firestore App - Build & Deploy [Part 5]

    Vue.js & Firestore App - Build & Deploy [Part 5]

    by Best Webhosting Added 73 Views / 0 Likes

    In this video we will create the add employee and update employee functionality. We will build the forms with Materialize CSS and proceed the add/updates to Firestore CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/tra

  • Vue.js & Firestore App - Build & Deploy [Part 2]

    Vue.js & Firestore App - Build & Deploy [Part 2]

    by Best Webhosting Added 90 Views / 0 Likes

    In this video we will create all of our components including the dashboard, new-employee, edit-employee, view-employee and navbar. We will implement the router and also Materialize CSS for the UI CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA

  • Vue.js & Firestore App - Build & Deploy [Part 1]

    Vue.js & Firestore App - Build & Deploy [Part 1]

    by Best Webhosting Added 93 Views / 0 Likes

    In this 6 part series we will build an application using the Vue.js framework and the Firebase Firestore cloud platform as our data store. In this video we will setup firestore, setup our app with Vue-CLI and create the Firebase config files CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http

  • Vue.js & Firestore App - Build & Deploy [Part 6]

    Vue.js & Firestore App - Build & Deploy [Part 6]

    by Best Webhosting Added 85 Views / 0 Likes

    In this final video we will compile our application source code and deploy to Github Pages for hosting the frontend. CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia ht

  • Vue.js & Firestore App - Build & Deploy [Part 3]

    Vue.js & Firestore App - Build & Deploy [Part 3]

    by Best Webhosting Added 86 Views / 0 Likes

    In this video we will fetch the employee collection list from Firestore and display them in our app as a Materialize collection. CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/trav

  • Vue.js & Firestore App - Build & Deploy [Part 4]

    Vue.js & Firestore App - Build & Deploy [Part 4]

    by Best Webhosting Added 93 Views / 0 Likes

    In this video we will fetch the individual employee from Firestore and create the details page, we will also implement the delete functionality CODE: Final Project https://github.com/bradtraversy/vue_firestore_employeemanager • BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.t

  • Build & Deploy A React JS Text Generator App

    Build & Deploy A React JS Text Generator App

    by Best Webhosting Added 87 Views / 0 Likes

    In this video we will put together a simple and useful React.js dummy text generator application and deploy it to a server. React is a popular JavaScript UI library CODE: Code for this video https://github.com/bradtraversy/sampletextgen REACT PROJECTS COURSE: http://www.traversymedia.com/course/projects-in-reactjs-the-complete-react-learning-course/ SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your suppor

  • Build & Deploy A Python Web App | Flask, Postgres & Heroku

    Build & Deploy A Python Web App | Flask, Postgres & Heroku

    by Best Webhosting Added 90 Views / 0 Likes

    In this project we will build a feedback form with Python Flask, Postgresql and mailtrap.io. We will also deploy it to Heroku Code: https://github.com/bradtraversy/python_feedback_app Deployment Gist: https://gist.github.com/bradtraversy/0029d655269c8a972df726ed0ac56b88 Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follo

  • Product Landing Page | Build & Deploy | HTML & CSS

    Product Landing Page | Build & Deploy | HTML & CSS

    by Best Webhosting Added 93 Views / 0 Likes

    In this project we will build a small responsive landing page using modern css (grid, flex, media queries) and deploy it to Netlify with a working form. Code: https://codepen.io/bradtraversy/pen/MNEgoJ Udemy Course - Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.pat

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS