Build A Landing Page using Bootstrap 5 - Full Tutorial

[@santiagomarquez4771]

More Bootstrap tutorial please , You are genius

[@spicyyw]

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

[@nike0822]

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!

[@RaddyDev]

Thank you, Nikhil! I'll be making more for sure!

[@nike0822]

@@RaddyDev much love Raddy!

[@shielalucas844]

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

[@RaddyDev]

I was the same at school. Maybe we are more of a visual / kinesthetic learners. I defiantly remember much more by doing

[@shielalucas844]

I didn't even think coding would be this fun. 😁Please keep up the good work! 👏

[@somebody1222]

Does school teach you web designing in your country bro!

[@c3dev280]

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 time!!!!!!!

[@RaddyDev]

Thank, C3! Glad that you liked the explanation. Merry Christmas!

[@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.

[@hamzaelmossaoui9286]

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!

[@RaddyDev]

I am glad that you like it, Hamza! I appreciate the feedback as well. I do need to go a little bit slower sometimes

[@rohansharma141]

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

[@RaddyDev]

Glad it was helpful!

[@mortezaheidari7678]

Wonderful , thank you Raddy 👌

[@stratcaster4729]

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

[@RaddyDev]

You got it!

[@MKIDEMU]

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

[@RaddyDev]

I appreciate that!

[@anitadash3613]

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

[@RaddyDev]

Thank you for the kind words, Anita. I appreciate it!

[@juanfranciscofioretti8341]

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

[@RaddyDev]

Thanks, Juan! I am glad that you liked the video

[@jesuspereiraoficial]

Very usefull video. Thank´s bro!

[@RaddyDev]

Thanks, brother!

[@GopalVeeranala]

Wonderful Tutorial, thank you Raddy

[@RaddyDev]

Thanks, Gopal. I appreciate your comment

[@muhammadraza5108]

Very nice, short and sweet. Please advise footer content is so light and hard to see 👌

[@RaddyDev]

Thank you, I appreciate the suggestion

[@jhonmanuelgil9747]

Excelente clase me encantó aprendió un mundo muchas gracias

[@RaddyDev]

Gracias, me alegro que te haya gustado el video

[@benatakaan613]

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. 👏👏👏

[@RaddyDev]

Thank you!

[@rashidaltayebhassan7637]

Good vedio 👍👍

[@RaddyDev]

Thank you!

[@mgbejoshua-hy2eo]

Nice

[@RaddyDev]

Thanks

[@mgbejoshua-hy2eo]

Please post the code on how to change the predefine variavle like container, body bg-primary. U use root{ } But i can i not see it clear , please i need some code, i want to implement it please

[@mgbejoshua-hy2eo]

Please i need your whasapp number too

[@userpunk_7077]

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

[@chucknorris7900]

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.

[@chucknorris7900]

also, huge thankyou for the help - I feel like i've actually gotten better !!!

[@RaddyDev]

oh I use the BEM methodology. I think that it has become an instinct at this point. It has helped me enormously when working on big projects. It's a way of splitting CSS into Blocks, Elements and Modifiers (BEM) to create reusable components. And thank you, like people say - practice makes perfect.

[@leonardoramos905]

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

[@RaddyDev]

Obrigado!

[@funch_stex5238]

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

[@RaddyDev]

You could position the header as absolute to the top and change the z-index. Try

[@zeke2269]

which vs theme are you using? :P

[@RaddyDev]

It should be Dracula, the free version

[@saubhagyalive3061]

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

[@RaddyDev]

I don't see it as being a problem

[@learningtostream3919]

May I ask why a main.css and not a style.css? Is that just a personal choice?

[@RaddyDev]

Just a personal choice. You can name it whatever you like 🙂

[@learningtostream3919]

@@RaddyDev Thank you, this has been such a help!

[@dwaynemcpherson5379]

When I first loaded the video it came up exactly as it does after i add the hero_video tag, so why the transforms etc?

[@RaddyDev]

Hey Dwayne, it won't be the same. The video won't be full width. Just in case you've missed it I've used two underscores "hero__video". Try it one more time and you will see that without the class name "hero__video" the video won't be full width

[@dwaynemcpherson5379]

@@RaddyDev I can't believe you replied, thank you so much. I love bootstrap Nd I'm packing serious hours in but have so many questions. Is this the best way to get you or do you have discord ?

[@somebody1222]

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

[@RaddyDev]

Which transitions is that?

[@KadiriDaniel-w4k]

how can i get the images

[@RaddyDev]

Check the GitHub repository. Link should be in the description

[@alipower3357]

can u put the code in a github file

[@RaddyDev]

It should be in the description

[@DilshadSukheswala]

Where’s the code for this

[@RaddyDev]

Check in the video description

[@shankme6657]

footer wont show

[@shankme6657]

footer text wont turn white

[@RaddyDev]

Did you figure it out? Could be a typo. You could reference the code from github if you like

[@liyemalivemandla]

maybe i'm an idiot cause ive watched this so many times and its still not working :')

[@RaddyDev]

What's not working? Maybe I can help

[@miguelmondragon1366]

35 min to make a menu? tailwind is better

[@RaddyDev]

It does take some time, but that's not too bad considering I was talking. I feel that Bootstrap is pretty good for quick prototyping, especially when you get used to it. Tailwind UI looks pretty cool. If you were building the same header with the dropdown menu, would you have to write the JS yourself or are there any snippets that come with Tailwind?

[@miguelmondragon1366]

@@RaddyDev tailwing to make the design and some lines of code for the toggle with jquery maybe 15 min max.. but thankyou for your tutorial my friend