Learn Bootstrap in less than 20 minutes - Responsive Website Tutorial

Рет қаралды 874,575

4 жыл бұрын

This is a quick introduction to how to get started with Bootstrap 5 Alpha.
Project Files: github.com/RaddyTheBrand/YouT...
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: be.elementor.com/visit/?bta=2...
Recording Equipment:
◾ Microphone: amzn.to/3Ppp8Ok
◾ Shotgun Mic: amzn.to/3IVqIot
◾ Camera: amzn.to/3z0bxpF
◾ Lens: amzn.to/3Pw4s7d
◾ Lighting: amzn.to/3PGXvzW
Computer Gear:
◾ Keyboard: amzn.to/3PGXvzW
◾ Headphones: amzn.to/3PJl9fg
◾ Mouse: amzn.to/3z1TGPf
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
#bootstrap #css

Пікірлер: 496

@awhitechilliify 3 жыл бұрын

Funny how I have avoided Bootstrap till the last moment, and now I realise how much easier it is than actually writing all the properties and styles manually, with pure CSS. Saves time and looks good! Thank you for your tutorial!

@RaddyDev 3 жыл бұрын

I am glad that you liked the tutorial! I don't use Bootstrap all the time, but I understand why people love it. It's pretty cool

@watwoot9020 3 жыл бұрын

you should checkout tailwindCSS :)

@Eltopshottah 3 жыл бұрын

I wish i had someone to look at my portfolio :c

@Eltopshottah 3 жыл бұрын

@@awhitechilliify thank you

@RaddyDev 3 жыл бұрын

More than welcome to join our Discourd community and post it there :)

@thatsalot3577 Жыл бұрын

To all the people who think bootstrap is lame and boring, yes it is, and I personally use styled components, but a lot of times your job demands you to know bootstrap so it's a good idea to know it even if you're not going to use it much in your personal projects.

@dejandejanovic472 Жыл бұрын

Why not use it.. it's fast and simple way to do website..quality is also good... so i vote for bootstrap

@bionic-beaver Жыл бұрын

How is that lame or boring?

@thatsalot3577 Жыл бұрын

@@bionic-beaver it kinda is bro, I know many people feel nostalgic over it, But if you compare newer options like mui, mantine, chakra and others, bootstrap feels a bit old and not as useful as others, but I remember the time when jQuery and bootstrap were the biggest convince on frontend.

@gavedu2203 6 ай бұрын

@@bionic-beaver i dont know what you need it for but im struggling to understand this bullshit for college class after ive successfully created a fully functional and modern website exactly how i imagined it in the first place using wordpress avada theme for our family company, its a wood industry company which operates over a site i created and learned by myself with no previous knowledge in two weeks, it gathers all data, is seo optimized and the company runs on it. months after i start learning this bullshit how to write lame ass webpage for my project in bootstrap and html which is outdated from my own experience and opinion, i know everything runs on html and css but as a private person who needs to develop a site for business i find this extremely boring, unuseful and a waste of time to learn these principles. so in short, it is boring as hell

@decadentanciennebourgeoisie 3 ай бұрын

Quite the contrary, bootstrap is too fancy- the simplest the better.

@queenofsheba8275 11 ай бұрын

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.

@carlossolrac84 Жыл бұрын

thanks, really cool to see visually and quickly how bootsrap works. i hate when people just talk about it in abstract terms, because i want to see it in practice

@lilliesan 2 жыл бұрын

The best simplified bootstrap tutorial that i've come across on YT so far!! thank you very much Raddy, I'll becoming for more.

@RaddyDev 2 жыл бұрын

Thanks, Lilian! I appreciate the comment

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@willh69 Жыл бұрын

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 :)

@HiYannick Жыл бұрын

Been looking for a solid tutorial. Almost every video out there is either 2 hours long, or filled with obnoxious music. Thank you so much for this!

@RaddyDev Жыл бұрын

Glad you liked it!

@joerivandeweyer3056 2 жыл бұрын

followed a 1 year intensive full stack course where we had to write our own css everything up until responsive and whatnot holy lord am i psyched it's over and i have now time to watch this i'll keep you posted

@user-ej3zl6eh3j 26 күн бұрын

I regret not watching your video earlier. Didn't knew that bootstrap was this awesome.

@claw1479 3 жыл бұрын

Thank you so much! I couldn't understand how the column system worked and this video really helped. You've earned a subscriber :)

@RaddyDev 3 жыл бұрын

Glad that you found it helpful, Claw. Nice logo and name btw :)

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@GwendolynElder 3 жыл бұрын

I am only 8 minutes into this tutorial and I love it!!! You make this so easy to understand and you get right to it so viewers can learn quickly. Well done!!

@RaddyDev 3 жыл бұрын

I am glad that you found it easy to follow. Thank you very much for the nice comment 🙂

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@abdessamadelhardouz717 Жыл бұрын

Great intro for bootstrap, thanks for the effort and the quality :)

@billmaragos2812 2 жыл бұрын

Very nice video! Easy to understand, straight to the point with no fumbling around, nice examples, provided information with excellent flow up until the end. Overall a smooth introduction to Bootstrap. Cheers!

@RaddyDev 2 жыл бұрын

Thanks, Bill! I appreciate the comment

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@anikdas7434 3 жыл бұрын

I always wondered about those numbers in bootstrap class. Now I fully understand the concept thanks to you :)

@RaddyDev 3 жыл бұрын

Glad to hear that, Anik! Thanks for the comment

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@om7334 2 жыл бұрын

Subscribed to you because this is a great example and better than others I have seen!!

@jtotheb-ip2hh 4 ай бұрын

wow...just now getting back into html and css after an almost-10-year hiatus due to job changes. I'm remembering a lot of the basic stuff, but this kind of thing makes it so much easier! you don't have to style a page from the ground up anymore. I still have a lot to learn, but this is really helpful.

@miguelangelperezalvarez5472 2 жыл бұрын

Thank you for everything Raddy! This tutorial is great

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@lonleybeer 2 жыл бұрын

Excellent Bootstrap tutorial, i wasn't a fan of this framework at first but i slowly am starting to like it more

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@CompassBlue 3 жыл бұрын

Thanks for the walk through, very easy to follow along as I work on my first project.

@RaddyDev 3 жыл бұрын

Glad to hear that, Jenny! Good luck with your first project 😊

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@Francois3k 4 жыл бұрын

Yoo this tutorial is awesome I haven't used bootstrap in while an this was a great refresher for me thanks an keep up the great work

@RaddyDev 4 жыл бұрын

haha I am glad that you found it useful. Same here to be honest... The new release made me want to give it another go and it was good exploring. Thank you for the kind words and comment!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@selin4357 2 жыл бұрын

Your explanation really helped! Thanks for that

@musausmanco.5912 3 жыл бұрын

Half way through and I love your tutorial!

@RaddyDev 3 жыл бұрын

I am glad that you like it! Thank you 👊🦍

@guy_with_a_cat Жыл бұрын

That's a great video i needed. I worked with bootstrap very long ago. But this totally worth than reading their complex documentation about layout.

@vishalverma5280 2 жыл бұрын

Your voice is humble and straight forward thought process, I am subscribing to your channel, in the hopes of learning the complex world of bootstrap.

@RaddyDev 2 жыл бұрын

Vishal, that is a really nice thing to say. Thank you so much for the kind words! I appreciate you being here

@codefoxx Жыл бұрын

When you figure out that writing CSS from scratch is a huge waste of time learning Bootstrap is a must! Thanks for the quick intro!

@joereeve2569 Жыл бұрын

And then your site becomes indistinguishable from every other site using bootstrap..

@08-divya.k71 2 жыл бұрын

We need more videos from u bro like this .....it's really helpful ....

@mortezamoradi3514 3 жыл бұрын

This is a very straightforward tutorial for Bootstrap. Thanks.

@RaddyDev 3 жыл бұрын

Glad it was helpful! Thanks for the comment!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@catewheeler795 3 жыл бұрын

Thanks for the demo - I'm a beginner and I've been having trouble wrapping my mind around the 12 column system and the concept of breakpoints... this really helped!

@RaddyDev 3 жыл бұрын

Glad that you found it helpful. Luckily for us, they have a lot of examples on their 12 col system

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@happypasta9614 Жыл бұрын

Thank you. Helped me revise Bootstrap quickly.

@troyds 10 ай бұрын

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

@GretSeat 10 ай бұрын

Just do 1.5x it sounds like a normal person talking

@t1910j 3 жыл бұрын

Subscribed!! Great stuff dude! Thanks

@RaddyDev 3 жыл бұрын

Thank you!

@jimbob7424 3 жыл бұрын

Another great video, new subscriber for sure. keep up the good work dude.

@RaddyDev 3 жыл бұрын

Thanks, Mr. pixel! I appreciate it!

@callumclayton3685 2 жыл бұрын

This X2!

@fzrweb3313 2 жыл бұрын

The vid made the basics easier to understand, thank you.

@RaddyDev 2 жыл бұрын

Glad it helped!

@adityapandey5264 3 жыл бұрын

Excellent tutorial ! Thanks a lot.

@RaddyDev 3 жыл бұрын

Glad that you liked it. Thank you!

@hemangaborah8526 9 ай бұрын

Wonderful tutorial! Thank you!

@RoamInYourHome 2 жыл бұрын

Super helpful! Thank you for this demo!

@RaddyDev 2 жыл бұрын

Glad that you found it helpful! Thank you!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@bhavanigudala2926 2 жыл бұрын

I felt bored about css but you make me feel better to do css with bootstrap. Thank you

@RaddyDev 2 жыл бұрын

Thank you, Bhavani! I appreciate you saying that. More bootstrap tuts to come

@AlexanderCruzC 4 жыл бұрын

Great tutorial , thank you :)

@RaddyDev 4 жыл бұрын

Thank you for watching!

@allanhojr 11 ай бұрын

exactly what i needed to know 'bout bootstrap.

@ganeshjraman7536 3 жыл бұрын

Good one mate, thank you,helped a lot

@RaddyDev 3 жыл бұрын

I am glad that you found it helpful. Thanks for the comment

@christosdaglis1163 2 жыл бұрын

Really informative tutorial. Thank you!

@RaddyDev 2 жыл бұрын

You're very welcome!

@Lastofusftw 2 жыл бұрын

Concise and informative! Thanks a lot

@RaddyDev 2 жыл бұрын

Glad you enjoyed it!

@Your_Toaster Жыл бұрын

Nice introduction!

@ohstayyeah 3 жыл бұрын

LOVE YOUR TUTORIAL. VERY HELPFUL

@RaddyDev 3 жыл бұрын

Thank you!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@luisabryan2074 2 жыл бұрын

this tutorial is so helpful u rly focused on the most important fundamental parts of bootstrap!! thank u so much

@RaddyDev 2 жыл бұрын

Thanks, Luisa! I appreciate the comment. I hope that you are enjoying the holidays 🎄

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@antoniorangel5011 2 жыл бұрын

Thank you very much. It was very helpful, I just subscribed and got my like.

@RaddyDev 2 жыл бұрын

Thank you, Antonio! I appreciate it!

@only-for-fun6239 2 жыл бұрын

Great work,👍 keep it going to create more videos about the programming language I like.

@RaddyDev 2 жыл бұрын

Thank you, I will

@quevaciro 3 жыл бұрын

I'll be for sure coming back to learn more! Bootstrap can be intuitive but, certainly, it isn't an easy learning curve (at least for me). You taught it in a very visual way! Thanks!

@RaddyDev 3 жыл бұрын

Thanks for the comment! It does take some time to get used to :)

@quevaciro 3 жыл бұрын

@@RaddyDev Do you have I playlist about it: I couldn't find it if you do

@RaddyDev 3 жыл бұрын

Unfortunately this is the only Bootstrap specific video I have. I have used it in other videos, but they probably won't be helpful as the focus wasn't the layout / CSS. This might be something I could do in near future

@quevaciro 3 жыл бұрын

@@RaddyDev Looking forward for it

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@umthym 2 ай бұрын

Very nice video thank you man!

@nickchong2752 2 жыл бұрын

great simple and straightforward tutorial. better than the ones that I've seen in the past.

@RaddyDev 2 жыл бұрын

I appreciate that! Thank you, Nick!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@romeshkap 3 жыл бұрын

Thank you for the great tutorial.

@RaddyDev 3 жыл бұрын

You're very welcome!

@_eagleofsuger_4631 3 жыл бұрын

Best informational tutorial for beginners hands down

@RaddyDev 3 жыл бұрын

Thank you!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@felicia499 2 жыл бұрын

Thanks a lot! Helped me to move on in the process when I got stuck after my class.

@RaddyDev 2 жыл бұрын

Glad to hear that you found it helpful! Good luck with the project that you are working on

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@zaheerasghar5133 3 ай бұрын

Excellent work 👍

@sridharnaidukolluru1920 2 жыл бұрын

Well explained .. Thank u for ur effort

@alirabiei2344 3 жыл бұрын

as soon as he talked about "offset" I liked the vid!

@RaddyDev 3 жыл бұрын

👊😎

@LushiTrapMusic 2 жыл бұрын

Thank you !!! everything is clear.

@RaddyDev 2 жыл бұрын

Awesome! Thank you for watching

@madnank 3 жыл бұрын

loved it! thank you

@RaddyDev 3 жыл бұрын

👌 thank you!

@rajsuriyang3427 2 жыл бұрын

The Best css tutorial Thank you!.

@RaddyDev 2 жыл бұрын

Thank you, Raj! I appreciate it

@BadGirl-pn3qu 3 жыл бұрын

Thank you so much for the tutorial! I have a question... Shouldn't be in the section instead of the ? Also, would you recommend linking to CDN or downloading to one's server?

@RaddyDev 3 жыл бұрын

Interesting question. The tag should be valid in the body. I think that Html 4 required the style to be inside the head of the document, but we are past that. CDN: I think that it depends on how much you want to modify Bootstrap. If you are working on a quick project CDN is a good option. Many users have already downloaded Bootstrap from a CDN which makes the loading time of the site faster. It's loaded from cache. Also, CDN's are served from the closest server which also makes the loading time faster. If you want to start modifying Bootstrap and you want to pick only the CSS that you need, then downloading the files might be a good option. I wonder if there is a CDN for each individual bootstrap stylesheet.

@BadGirl-pn3qu 3 жыл бұрын

@@RaddyDev Thank you :)

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@illusionsofgrand3ur 2 жыл бұрын

Duuuude, you saved me, my man! Thank you very much!

@RaddyDev 2 жыл бұрын

I am glad that you found the video helpful. Thank you for the comment!

@44aliano Жыл бұрын

Thank you, i used to not like bootstrap but i was wrong lol, its actually good

@monacv6947 Жыл бұрын

so useful and to the point. thank you

@RaddyDev Жыл бұрын

Glad it was helpful!

@spideyr6296 2 жыл бұрын

really great stuff man thank you!!!!!

@RaddyDev 2 жыл бұрын

Thank you, Juan!

@tharinda97 Жыл бұрын

Thanks for the tutorial! :)

@RaddyDev Жыл бұрын

Thank you for watching, Tharinda!

@Silverame 3 жыл бұрын

Ver helpful, thank you very much!!!!

@RaddyDev 3 жыл бұрын

Glad that you found it helpful. Thank you, thank you for watching!

@mshahzebraza 2 жыл бұрын

Really helpful!

@cheeyewwoon5162 3 жыл бұрын

Tutorial that is easy to understand. Thank you.

@RaddyDev 3 жыл бұрын

Thank you!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@arouser Жыл бұрын

This 20mins video is far way better than my professors 1 hour lecture.. ngl

@amaanullah13 3 жыл бұрын

It's so kind of you to reply everyone in the comment section.

@RaddyDev 3 жыл бұрын

haha thank you! I do try to reply to everyone 🙂 There are a lot of friendly genuine people around

@amaanullah13 3 жыл бұрын

@@RaddyDev Hats off to you man!!!

@claudiaarcand2768 2 жыл бұрын

thanks for this tutorial.

@milad3605 2 жыл бұрын

I really appreciate you. You made it so simple Thank you 🌹🌹👍👍

@RaddyDev 2 жыл бұрын

Thank you for watching, Milad!

@sanjarproductions 2 жыл бұрын

Don't watch this kzfaq.info/get/bejne/halhhMefx52oqXk.html

@vikramshelke5001 3 жыл бұрын

Really good explanation. Thanks.

@RaddyDev 3 жыл бұрын

Thank you, Vikram!

@CaptZenPetabyte Жыл бұрын

I agree completely ... and I, for one, am looking forward to the arrival of the great meteors impact.

@Lizziepearcy 8 ай бұрын

Thank you that was really clear and well explained

@RaddyDev 8 ай бұрын

Glad it was helpful!

@Ram-sc6or 3 жыл бұрын

Thank you so much I like the tutorial

@RaddyDev 3 жыл бұрын

I am glad that you liked it! Thank you, Ram!

@abdul-soburademoye5626 Жыл бұрын

I'm new here... Stumbled across your video and I like the way you are,cool and easy person. You've just got a new subscriber. I'm happy to be here

@RaddyDev Жыл бұрын

Thank you, I appreciate it!

@cotyweakly9548 7 ай бұрын

It's very fun actually

@mikewabrown1052 3 жыл бұрын

Awesome vid, thanks

@RaddyDev 3 жыл бұрын

Thank you!

@navnav1819 7 ай бұрын

Awesome Bootstrap tutorial!

@RaddyDev 7 ай бұрын

Glad you think so!

@aimatters5600 Жыл бұрын

great tutorial. Thank you very much.

@RaddyDev Жыл бұрын

Glad you enjoyed it!

@maxa.7682 3 жыл бұрын

Like the title said, I lerned Bootstrap in less than 20 minutes :D

@kevinparker2314 Жыл бұрын

Loved the video super helpful thanks

@RaddyDev Жыл бұрын

I am glad that you found it helpful. thank you for watching!

@bhavyachadha Жыл бұрын

Great Video! 😃

@RaddyDev Жыл бұрын

Thanks! I am glad that you like it

@jainibrm1 2 жыл бұрын

Thank you, really good

@samantha6670 2 жыл бұрын

Great tuto, thanks

@RaddyDev 2 жыл бұрын

I am glad that you like it, Samantha! Thank you for the comment

@ScarxciaSkaix Жыл бұрын

Thank you very much for this well presented video.

@RaddyDev Жыл бұрын

Glad you enjoyed it!

@merlingrace6850 Жыл бұрын

For the first time, I learn how to use bootstrap correctly....Thanks a lot🤗😇!!

@RaddyDev Жыл бұрын

You're welcome 😊

@pietrononame4945 Жыл бұрын

Thanks man!

@RaddyDev Жыл бұрын

Thank you for watching, Pietro!

@sejalbajaj1179 2 жыл бұрын

Very helpful ☺️👍

@sardorlife 3 жыл бұрын

thank you i have learnt

@RaddyDev 3 жыл бұрын

Glad to hear it. Thanks for the comment

@obey_giant 2 жыл бұрын

Thanks for this!

@RaddyDev 2 жыл бұрын

Thank you for watching, Dalton!

@maxameddeeqaxmed6530 2 жыл бұрын

Thank you for the video teacher we need allot of lessons about bootstrap we are waiting for you isha Allah keep Going

@RaddyDev 2 жыл бұрын

Glad that you like the video! I would be more than happy to do more bootstrap videos. Is there anything, in particular, you would like to see?

@soldadopreciso 2 жыл бұрын

Thanks pal, very very very useful.

@RaddyDev 2 жыл бұрын

Thanks, DarkSolider! Glad that you found it useful

@nastradumbass 3 жыл бұрын

Ty for the best video I've seen to date. Now I just gotta figure out how I'm going to change the permissions in 364 system apps factory reset didn't work 😂 so I guess it's time to learn new stuff rip metadata