This is a quick introduction to how to get started with Bootstrap 5 Alpha.

Project Files: https://github.com/RaddyTheBrand/YouTube/tree/master/Learn%20Bootstrap%20in%20less%20than%2020%20minutes

☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyTheBrand

Discounts:
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=408&aff_id=69300
⚡ Elementor: https://be.elementor.com/visit/?bta=26518&brand=elementor

Recording Equipment:
◾ Microphone: https://amzn.to/3Ppp8Ok
◾ Shotgun Mic: https://amzn.to/3IVqIot
◾ Camera: https://amzn.to/3z0bxpF
◾ Lens: https://amzn.to/3Pw4s7d
◾ Lighting: https://amzn.to/3PGXvzW

Computer Gear:
◾ Keyboard: https://amzn.to/3PGXvzW
◾ Headphones: https://amzn.to/3PJl9fg
◾ Mouse: https://amzn.to/3z1TGPf

Connect with me:
◾ Website: https://www.raddy.dev
◾ Newsletter: https://www.raddy.co.uk/newsletter

#bootstrap #css

source

32 Comments

  1. Can someone please explain yo me how will you style things ? If you already have a css from bootstrap like i want to move something to top right or bottom or give the page different colors or the divs too ? i just cant figr it out 🤷🏼‍♂️

  2. If you watch the video at 2x speed, you can learn Bootstrap in less than 10 minutes! 😀

    Kidding aside, this is what I'm looking for. Quick but easy to follow Bootstrap tutorial. Thank you! 🙂

  3. Once you customize the preset designs like focus-ring, outline, and colors, you can create clean modern looking websites with ease. You can create custom glowing/colored shadows and just make your website look the way you'd like. Coming from tailwind css, most utility classes are the same, so it's not much of a learning curve. The fact that they have components like navbars that have a hamburger menu that appears when you resize the screen saves me time. I used to hate Bootstrap so much, but now that i actually know how to customize it with sass, i love it.

  4. Thanks very much for making this video

    It is July of 2023 and I am learning off of another video, and it has taken me days to latch onto bootstrap because I wasn't understanding something from that other video.

    At 7:26 I saw exactly what I needed to see and BAM! Solved, it's now clicked for me and I understand what is going on in Bootstrap now.

    It wasn't any single thing in particular, but it was an aggregate series of events that culminated in seeing the code you'd typed, going to the browser's developer view that displayed the totality of the results which brought everything together for me

    Thank you 🙂

  5. Heads up, if you're struggling. You can use chat gpt to help fix styling and learn what you should use. Just gotta remember to research WHY it works. I use it for my job all the time

Leave A Reply

Please enter your comment!
Please enter your name here