Build A Landing Page using Bootstrap 5 - Full Tutorial

Поділитися
Вставка
  • Опубліковано 25 січ 2025

КОМЕНТАРІ • 76

  • @santiagomarquez4771
    @santiagomarquez4771 11 місяців тому +2

    More Bootstrap tutorial please , You are genius

  • @nike0822
    @nike0822 3 роки тому +7

    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
      @RaddyDev  3 роки тому +1

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

    • @nike0822
      @nike0822 3 роки тому

      @@RaddyDev much love Raddy!

  • @spicyyw
    @spicyyw Рік тому +1

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

  • @c3dev280
    @c3dev280 3 роки тому +1

    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
      @RaddyDev  3 роки тому

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

  • @shielalucas844
    @shielalucas844 2 роки тому +2

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

    • @RaddyDev
      @RaddyDev  2 роки тому

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

    • @shielalucas844
      @shielalucas844 2 роки тому

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

    • @somebody1222
      @somebody1222 Рік тому

      Does school teach you web designing in your country bro!

  • @hamzaelmossaoui9286
    @hamzaelmossaoui9286 2 роки тому +1

    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
      @RaddyDev  2 роки тому

      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
    @rohansharma141 10 місяців тому

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

    • @RaddyDev
      @RaddyDev  10 місяців тому

      Glad it was helpful!

  • @MKIDEMU
    @MKIDEMU Рік тому

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

  • @stratcaster4729
    @stratcaster4729 Рік тому

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

  • @ben60661
    @ben60661 28 днів тому

    thank you it really helped a lot

  • @mortezaheidari7678
    @mortezaheidari7678 2 роки тому +1

    Wonderful , thank you Raddy 👌

  • @muhammadraza5108
    @muhammadraza5108 4 місяці тому

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

    • @RaddyDev
      @RaddyDev  4 місяці тому

      Thank you, I appreciate the suggestion

  • @anitadash3613
    @anitadash3613 2 роки тому

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

    • @RaddyDev
      @RaddyDev  2 роки тому

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

  • @jesuspereiraoficial
    @jesuspereiraoficial 3 роки тому +1

    Very usefull video. Thank´s bro!

  • @juanfranciscofioretti8341
    @juanfranciscofioretti8341 2 роки тому

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

    • @RaddyDev
      @RaddyDev  2 роки тому

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

  • @GopalVeeranala
    @GopalVeeranala 3 роки тому

    Wonderful Tutorial, thank you Raddy

    • @RaddyDev
      @RaddyDev  3 роки тому

      Thanks, Gopal. I appreciate your comment

  • @userpunk_7077
    @userpunk_7077 Рік тому

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

  • @chucknorris7900
    @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
      @chucknorris7900 Рік тому

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

    • @RaddyDev
      @RaddyDev  Рік тому +1

      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.

  • @funch_stex5238
    @funch_stex5238 Рік тому

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

    • @RaddyDev
      @RaddyDev  Рік тому

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

  • @JustPlainRob
    @JustPlainRob Рік тому +2

    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.

  • @jhonmanuelgil9747
    @jhonmanuelgil9747 2 роки тому

    Excelente clase me encantó aprendió un mundo muchas gracias

    • @RaddyDev
      @RaddyDev  2 роки тому +1

      Gracias, me alegro que te haya gustado el video

  • @benatakaan613
    @benatakaan613 3 роки тому +1

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

  • @saubhagyalive3061
    @saubhagyalive3061 2 роки тому

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

    • @RaddyDev
      @RaddyDev  2 роки тому

      I don't see it as being a problem

  • @zeke2269
    @zeke2269 Рік тому

    which vs theme are you using? :P

    • @RaddyDev
      @RaddyDev  Рік тому +1

      It should be Dracula, the free version

  • @somebody1222
    @somebody1222 Рік тому

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

    • @RaddyDev
      @RaddyDev  Рік тому

      Which transitions is that?

  • @dwaynemcpherson5379
    @dwaynemcpherson5379 2 роки тому

    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
      @RaddyDev  2 роки тому

      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
      @dwaynemcpherson5379 2 роки тому

      @@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 ?

  • @learningtostream3919
    @learningtostream3919 Рік тому

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

    • @RaddyDev
      @RaddyDev  Рік тому +1

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

    • @learningtostream3919
      @learningtostream3919 Рік тому

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

  • @rashidaltayebhassan7637
    @rashidaltayebhassan7637 3 роки тому

    Good vedio 👍👍

  • @mgbejoshua-hy2eo
    @mgbejoshua-hy2eo Рік тому

    Nice

    • @RaddyDev
      @RaddyDev  Рік тому

      Thanks

    • @mgbejoshua-hy2eo
      @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
      @mgbejoshua-hy2eo Рік тому

      Please i need your whasapp number too

  • @KadiriDaniel-w4k
    @KadiriDaniel-w4k Місяць тому

    how can i get the images

    • @RaddyDev
      @RaddyDev  Місяць тому

      Check the GitHub repository. Link should be in the description

  • @alipower3357
    @alipower3357 Рік тому

    can u put the code in a github file

    • @RaddyDev
      @RaddyDev  Рік тому

      It should be in the description

  • @shankme6657
    @shankme6657 Рік тому

    footer wont show

    • @shankme6657
      @shankme6657 Рік тому

      footer text wont turn white

    • @RaddyDev
      @RaddyDev  11 місяців тому

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

  • @DilshadSukheswala
    @DilshadSukheswala Рік тому

    Where’s the code for this

    • @RaddyDev
      @RaddyDev  Рік тому

      Check in the video description

  • @leonardoramos905
    @leonardoramos905 Рік тому

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

  • @liyemalivemandla
    @liyemalivemandla 4 місяці тому

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

    • @RaddyDev
      @RaddyDev  4 місяці тому

      What's not working? Maybe I can help

  • @miguelmondragon1366
    @miguelmondragon1366 3 роки тому

    35 min to make a menu? tailwind is better

    • @RaddyDev
      @RaddyDev  3 роки тому +2

      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
      @miguelmondragon1366 3 роки тому

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