Build A Landing Page using Bootstrap 5 - Full Tutorial

In this tutorial, we are going to learn how to make a minimalist landing page using Bootstrap.

⭐Download UI File (Figma - Desktop Only)

⭐ Article / GitHub / Downloads:

Chapters:
0:00:00 Introduction:
0:00:47 Bootstrap Setup
0:11:48 Bootstrap Header
0:23:42 Bootstrap DropDown Menu
0:43:19 Hero Section
1:06:07 Steps Sections
1:23:04 3 Columns Section
01:28:06 Footer

Credit:
Photo by Ante Samarzija on Unsplash
Photo by Ante Samarzija on Unsplash
Photo by Rizky Subagja on Unsplash
Photo by Amr Taha™ on Unsplash
Video by Mixkit - Free Video Assets from Pexels
Photo by Nathan Dumlao on Unsplash
Video by Nicky Pe from Pexels

Discounts:

Recording Equipment:

Computer Gear:

Connect with me:

#elementor

[santiagomarquez]

More Bootstrap tutorial please, You are genius

[spicyyw]

The best tutorial i've ever seen! Thank you so much <3

[nike]

Such a great video Raddy! I'm just at the beginning of the video but I'm getting to learn so much. Please do more of this. More power to you my man! <3

[cdev]

I found this channel randomly, you are awesome man! you explain everything so nicely. I recently caught sight of you where have you been all this

[JustPlainRob]

You can put the JS in the head right below the CSS, but it won't work right unless you add the 'defer' directive to the script tag. It lets you keep all your Bootstrap includes together at the top of the file while giving the same effect as putting the JS file at the bottom of the body.

[shielalucas]

Having a hard time learning it from school but you made it easier with your tutorials. Thank you so much! 🤗🤗🤗

[hamzaelmossaoui]

very good video! sometimes you go fast but thank god there is a pause button :D. Really liked the video! Keep up the good work!

[rohansharma]

very useful and great tutorial, thank you for helping me create my first landing page !!

[MKIDEMU]

You're a great teacher!! Great content. Thank you!

[stratcaster]

Very informative, bravo... more of this plz! 👏

[anitadash]

Thank you 💞.. so beautiful video to learn and implement...☺️... & Your voice is so Soothing 😋😋😋

[juanfranciscofioretti]

Very well explained and so many bootstrap tricks i didnt knew. %100

[jhonmanuelgil]

Excelente clase me encantó aprendió un mundo muchas gracias

[benatakaan]

Awesome video! Thank you! 🤗🤩🤩🤩 By the way, the second div under the steps section tag has a typo of "justify-content-md-CENETER", which I think gave you some trouble. Nonetheless, you did a great job fixing it by adding the media query manually. 👏👏👏

[leonardoramos]

Olá eu sou do Brasil belo tutorial nível hard ❤

[userpunk_]

why you didn't use filter : darkness instead of making a div and give it a background for the video?

[chucknorris]

just curious as to the practice of naming classes with two__understrokes.
Is it so they are easier to notice ?

Initially I presumed it was a BS requirement, but then you used 'bi' for the scroll icon.

[saubhagyalive]

for the menu to be on right cant we just use ms-auto for getting the same result?

[funch_stex]

I have a problem, my hero section goes on top of the of the header, any possibile fix?

[somebody]

Can someone tell me why the transitions don't work in bootstrap