Learn Bootstrap in less than 20 minutes - Responsive Website Tutorial

  Рет қаралды 974,322

Raddy

Raddy

Күн бұрын

Пікірлер: 521
@thatsalot3577
@thatsalot3577 2 жыл бұрын
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
@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
@bionic-beaver Жыл бұрын
How is that lame or boring?
@thatsalot3577
@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 convenience on frontend.
@gavedu2203
@gavedu2203 11 ай бұрын
@@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
@decadentanciennebourgeoisie 8 ай бұрын
Quite the contrary, bootstrap is too fancy- the simplest the better.
@awhitechilliify
@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
@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
@watwoot9020 3 жыл бұрын
you should checkout tailwindCSS :)
@Eltopshottah
@Eltopshottah 3 жыл бұрын
I wish i had someone to look at my portfolio :c
@Eltopshottah
@Eltopshottah 3 жыл бұрын
@@awhitechilliify thank you
@RaddyDev
@RaddyDev 3 жыл бұрын
More than welcome to join our Discourd community and post it there :)
@queenofsheba8275
@queenofsheba8275 Жыл бұрын
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.
@HiYannick
@HiYannick 2 жыл бұрын
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
@RaddyDev 2 жыл бұрын
Glad you liked it!
@carlossolrac84
@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
@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
@RaddyDev 2 жыл бұрын
Thanks, Lilian! I appreciate the comment
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@GwendolynElder
@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
@RaddyDev 3 жыл бұрын
I am glad that you found it easy to follow. Thank you very much for the nice comment 🙂
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@willh69
@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 :)
@troyds
@troyds Жыл бұрын
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
@GretSeat Жыл бұрын
Just do 1.5x it sounds like a normal person talking
@codefoxx
@codefoxx 2 жыл бұрын
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
@joereeve2569 2 жыл бұрын
And then your site becomes indistinguishable from every other site using bootstrap..
@sul7995
@sul7995 3 ай бұрын
I didn't had any idea of bootstrap till now but now I'm ready for my interview tomorrow just by watching this amazing video, Thank you so much!
@RaddyDev
@RaddyDev 3 ай бұрын
Best of luck!
@jtotheb-ip2hh
@jtotheb-ip2hh 9 ай бұрын
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.
@joerivandeweyer3056
@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
@claw1479
@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
@RaddyDev 3 жыл бұрын
Glad that you found it helpful, Claw. Nice logo and name btw :)
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@MovieWalber
@MovieWalber 6 ай бұрын
I regret not watching your video earlier. Didn't knew that bootstrap was this awesome.
@billmaragos2812
@billmaragos2812 3 жыл бұрын
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
@RaddyDev 3 жыл бұрын
Thanks, Bill! I appreciate the comment
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@lonleybeer
@lonleybeer 3 жыл бұрын
Excellent Bootstrap tutorial, i wasn't a fan of this framework at first but i slowly am starting to like it more
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@catewheeler795
@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
@RaddyDev 3 жыл бұрын
Glad that you found it helpful. Luckily for us, they have a lot of examples on their 12 col system
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@s.k.y.a.i
@s.k.y.a.i 4 ай бұрын
Bootstrap is honestly like the best thing I've ever learnt by now
@Drekielvsk
@Drekielvsk 9 сағат бұрын
14:00 can't I just envolve all the bootstrap element inside a div and position that with marging and padding?
@anikdas7434
@anikdas7434 3 жыл бұрын
I always wondered about those numbers in bootstrap class. Now I fully understand the concept thanks to you :)
@RaddyDev
@RaddyDev 3 жыл бұрын
Glad to hear that, Anik! Thanks for the comment
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@sashankkv
@sashankkv 2 ай бұрын
THanks for the great intro to bootstrap.
@amaanullah13
@amaanullah13 3 жыл бұрын
It's so kind of you to reply everyone in the comment section.
@RaddyDev
@RaddyDev 3 жыл бұрын
haha thank you! I do try to reply to everyone 🙂 There are a lot of friendly genuine people around
@amaanullah13
@amaanullah13 3 жыл бұрын
@@RaddyDev Hats off to you man!!!
@mariuzaaguiar205
@mariuzaaguiar205 3 жыл бұрын
If you really want to set up colums or any other feature you acan also use bootstrap vscode extension typing b4 and the emmet will give everyting you need to build your website project
@RaddyDev
@RaddyDev 3 жыл бұрын
Sounds good, I will try it. Thanks for sharing
@musausmanco.5912
@musausmanco.5912 3 жыл бұрын
Half way through and I love your tutorial!
@RaddyDev
@RaddyDev 3 жыл бұрын
I am glad that you like it! Thank you 👊🦍
@fromabovefrombelow1272
@fromabovefrombelow1272 5 ай бұрын
As a junior dev, this helped out a lot! Thank you
@merlingrace6850
@merlingrace6850 Жыл бұрын
For the first time, I learn how to use bootstrap correctly....Thanks a lot🤗😇!!
@RaddyDev
@RaddyDev Жыл бұрын
You're welcome 😊
@vishalverma5280
@vishalverma5280 3 жыл бұрын
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
@RaddyDev 3 жыл бұрын
Vishal, that is a really nice thing to say. Thank you so much for the kind words! I appreciate you being here
@rushipatel6024
@rushipatel6024 3 жыл бұрын
Hi Raddy, As you mentioned that you don't use bootstrap all the time, then what other frameworks do you use to design the UI
@RaddyDev
@RaddyDev 3 жыл бұрын
Nearly all of the websites that I make use custom CSS. I just use SCSS as a pre-processor and that's it. No frameworks
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@yonzont
@yonzont 3 жыл бұрын
10:02 the offset-2 doesnt work for me. Help
@RaddyDev
@RaddyDev 3 жыл бұрын
That's strange. Can you share your code? It might be something small that you are missing
@yonzont
@yonzont 3 жыл бұрын
@@RaddyDev i was using google and it didnt show the flexbox properly, it works fine in firefox. thanks!
@guy_with_a_cat
@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.
@_eagleofsuger_4631
@_eagleofsuger_4631 3 жыл бұрын
Best informational tutorial for beginners hands down
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@bhavanigudala2926
@bhavanigudala2926 3 жыл бұрын
I felt bored about css but you make me feel better to do css with bootstrap. Thank you
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you, Bhavani! I appreciate you saying that. More bootstrap tuts to come
@abdul-soburademoye5626
@abdul-soburademoye5626 2 жыл бұрын
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
@RaddyDev 2 жыл бұрын
Thank you, I appreciate it!
@alirabiei2344
@alirabiei2344 3 жыл бұрын
as soon as he talked about "offset" I liked the vid!
@RaddyDev
@RaddyDev 3 жыл бұрын
👊😎
@allanhojr
@allanhojr Жыл бұрын
exactly what i needed to know 'bout bootstrap.
@felicia499
@felicia499 2 жыл бұрын
Thanks a lot! Helped me to move on in the process when I got stuck after my class.
@RaddyDev
@RaddyDev 2 жыл бұрын
Glad to hear that you found it helpful! Good luck with the project that you are working on
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@Francois3k
@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
@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
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@BadGirl-pn3qu
@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
@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
@BadGirl-pn3qu 3 жыл бұрын
@@RaddyDev Thank you :)
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@miguelangelperezalvarez5472
@miguelangelperezalvarez5472 2 жыл бұрын
Thank you for everything Raddy! This tutorial is great
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@08-divya.k71
@08-divya.k71 2 жыл бұрын
We need more videos from u bro like this .....it's really helpful ....
@moriscnam
@moriscnam 3 жыл бұрын
This is a very straightforward tutorial for Bootstrap. Thanks.
@RaddyDev
@RaddyDev 3 жыл бұрын
Glad it was helpful! Thanks for the comment!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@GboY1m
@GboY1m Жыл бұрын
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 🤷🏼‍♂️
@RaddyDev
@RaddyDev Жыл бұрын
You have two options. Using the per-defined classes from bootstrap or applying a custom class name that you create. Example 1 Bootstrap: ... Example 2 Custom CSS: ... .myCustomClassName { position: absolute; bottom: 0; right: 0; }
@SneakyThew
@SneakyThew 3 ай бұрын
really nice and informative video. I enjoyed taking my notes. thanks dude
@vengeance9047
@vengeance9047 3 жыл бұрын
This legend deserves trillions of subscribers
@RaddyDev
@RaddyDev 3 жыл бұрын
haha thank you!
@om7334
@om7334 2 жыл бұрын
Subscribed to you because this is a great example and better than others I have seen!!
@luisabryan2074
@luisabryan2074 3 жыл бұрын
this tutorial is so helpful u rly focused on the most important fundamental parts of bootstrap!! thank u so much
@RaddyDev
@RaddyDev 3 жыл бұрын
Thanks, Luisa! I appreciate the comment. I hope that you are enjoying the holidays 🎄
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@luiscirilli8950
@luiscirilli8950 3 жыл бұрын
Just a question, isnt against Best practice of give Styles on css. Looks like contradiction by boostrap
@RaddyDev
@RaddyDev 3 жыл бұрын
I think that adding custom CSS to Bootstrap is absolutely fine
@happypasta9614
@happypasta9614 Жыл бұрын
Thank you. Helped me revise Bootstrap quickly.
@selin4357
@selin4357 2 жыл бұрын
Your explanation really helped! Thanks for that
@fzrweb3313
@fzrweb3313 2 жыл бұрын
The vid made the basics easier to understand, thank you.
@RaddyDev
@RaddyDev 2 жыл бұрын
Glad it helped!
@jimbob7424
@jimbob7424 3 жыл бұрын
Another great video, new subscriber for sure. keep up the good work dude.
@RaddyDev
@RaddyDev 3 жыл бұрын
Thanks, Mr. pixel! I appreciate it!
@callumclayton3685
@callumclayton3685 2 жыл бұрын
This X2!
@CompassBlue
@CompassBlue 3 жыл бұрын
Thanks for the walk through, very easy to follow along as I work on my first project.
@RaddyDev
@RaddyDev 3 жыл бұрын
Glad to hear that, Jenny! Good luck with your first project 😊
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@aimatters5600
@aimatters5600 2 жыл бұрын
great tutorial. Thank you very much.
@RaddyDev
@RaddyDev Жыл бұрын
Glad you enjoyed it!
@Your_Toaster
@Your_Toaster Жыл бұрын
Nice introduction!
@abdessamadelhardouz717
@abdessamadelhardouz717 2 жыл бұрын
Great intro for bootstrap, thanks for the effort and the quality :)
@enissay9950
@enissay9950 2 жыл бұрын
I like how you create nodes using css syntax. How can I get the same given I am lazy xD ?
@RaddyDev
@RaddyDev 2 жыл бұрын
What do you mean by nodes? 😀
@enissay9950
@enissay9950 2 жыл бұрын
@@RaddyDev sorry, I mean dom éléments, div and such
@RaddyDev
@RaddyDev 2 жыл бұрын
@@enissay9950 ah i see. Nodes makes sense now. You can install the Bootstrap extenction which will help you with snippets. The other thing that you can do is to use VSC shortcuts. For example if you are creating a 'div' with a class name of 'pt-4' you can start by writting dot - '.pt-4' and this will auto compleate the div with the class name of 'pt-4'. I guess you can just use shortcuts like that and also Bootstrap has a lot of examples that you can copy and paste from their website
@quevaciro
@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
@RaddyDev 3 жыл бұрын
Thanks for the comment! It does take some time to get used to :)
@quevaciro
@quevaciro 3 жыл бұрын
@@RaddyDev Do you have I playlist about it: I couldn't find it if you do
@RaddyDev
@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
@quevaciro 3 жыл бұрын
@@RaddyDev Looking forward for it
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@ironmanlifts
@ironmanlifts 3 жыл бұрын
Thanks for the video, I love grid videos. I like the grid stuff, but I wonder how much of the styling I can automate with sass. I'm fairly new to bootstrap but I think it uses sass and implements it's own classes from it. The only down side to bootstrap is that you have to fetch it as well as remember what all the class names are, which in that case might as well use sass...
@RaddyDev
@RaddyDev 3 жыл бұрын
I do like Grid a lot. To me SCSS is just a better way of writing CSS. I find SCSS quite helpful and I prefer the syntax. With bootstrap you can choose of what to fetch if the size is an issue. It's bit more work of course and I think that most people just grab all of it from a CDN
@ironmanlifts
@ironmanlifts 3 жыл бұрын
@@RaddyDev Yea that's true. Actually been looking at the sass API for bootstrap and importing just what I need from it.
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@CaptZenPetabyte
@CaptZenPetabyte Жыл бұрын
I agree completely ... and I, for one, am looking forward to the arrival of the great meteors impact.
@maxa.7682
@maxa.7682 3 жыл бұрын
Like the title said, I lerned Bootstrap in less than 20 minutes :D
@mzolisidywili1646
@mzolisidywili1646 Жыл бұрын
Best intro! Made it much easier to understand how you get what and where. Instead of just popping up thinking we know everything else. Thank you🙏
@RaddyDev
@RaddyDev Жыл бұрын
Glad you liked it!!
@milad3605
@milad3605 3 жыл бұрын
I really appreciate you. You made it so simple Thank you 🌹🌹👍👍
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you for watching, Milad!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@nwgguy1070
@nwgguy1070 Жыл бұрын
What editor/ wysiwyg viewer you are using? Is there a prior video explaining Flexbox?
@RaddyDev
@RaddyDev Жыл бұрын
Visual Studio Code - VSC. I haven't made a Flexbox video yet... in fact i haven' made many CSS videos in a while. I need to get on it
@tharinda97
@tharinda97 2 жыл бұрын
Thanks for the tutorial! :)
@RaddyDev
@RaddyDev 2 жыл бұрын
Thank you for watching, Tharinda!
@ashimkc
@ashimkc 3 жыл бұрын
Thank u for the video. Watching video from Nepal 🇳🇵🙏🏻👌
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you for watching!
@endriasargaw8086
@endriasargaw8086 2 жыл бұрын
You were the first to tell me that jQuery isn't required in BS5.. tnx
@mobilepiano8018
@mobilepiano8018 2 жыл бұрын
Really Helpful, everyone looks for watch time. But you explained it in just 20 mins. Better than So called "BS5 Full Course" on youtube. Thank you so much for this short & Very Helpful Video and saving my time. Ty. 👍🏻
@thehomie3526
@thehomie3526 3 жыл бұрын
3:47 how do you duplicate like that ?
@RaddyDev
@RaddyDev 3 жыл бұрын
Alt + Shift + Down Arrow
@ohmegatech666
@ohmegatech666 Жыл бұрын
So basically, Bootstrap inverts the normal control scheme of CSS. Normally, you set your HTML divs to a certain class then you don't touch them again, and you just edit the CSS file. In Bootstrap it's the opposite. The framework defines all the possible classes, and you just edit the classes in the HTML. I don't really see the advantage. What if you want to change the size of all the paragraphs? You would have to go manually edit every HTML file
@adamnowicki1425
@adamnowicki1425 2 жыл бұрын
thanks for the tutorial, I really liked it, bootstrap documentation isn't that bad, but still, appreciated, just on unrelated note, could you please tell what is the music used in the into? ;)
@RaddyDev
@RaddyDev 2 жыл бұрын
I am glad that you liked the tutorial. The song is called Much Higher and you can get it from the KZbin Studio Audio Library. There isn't an artist name that I can see... it's under Hip-Hop & Rap. It's only one, you'll find it :)
@adamnowicki1425
@adamnowicki1425 2 жыл бұрын
@@RaddyDev thank you very much :)
@ionutvelicu2295
@ionutvelicu2295 2 жыл бұрын
Is it possible to apply different classes to buttons for example depending on the width of the screen ? For example for small screens i want the class="small" and for medium class="medium" ?
@RaddyDev
@RaddyDev 2 жыл бұрын
Not in Bootstrap. You could use media queries and add the classes yourself, but there are no pre-made ones that you can use like in TailwindCSS
@hemangaborah8526
@hemangaborah8526 Жыл бұрын
Wonderful tutorial! Thank you!
@sGeforce
@sGeforce Жыл бұрын
Thanks for this great video. Since you mentioned flexbox few times, it would be good to see a comparison video, Say Flexbox vs Bootstrap?
@RaddyDev
@RaddyDev Жыл бұрын
Bootstrap uses flexbox maybe that's why I mentioned it a few times. It might be hard to compare as Bootstrap is a full on library
@nickchong2752
@nickchong2752 3 жыл бұрын
great simple and straightforward tutorial. better than the ones that I've seen in the past.
@RaddyDev
@RaddyDev 3 жыл бұрын
I appreciate that! Thank you, Nick!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@budi1100
@budi1100 4 ай бұрын
What do you use so that .col returns an autocomplete, is it a feature of bootstrap or something else?
@RaddyDev
@RaddyDev 4 ай бұрын
It's an extension called Bootstrap 5 quick snippets
@budi1100
@budi1100 4 ай бұрын
@@RaddyDev got it, thanks!
@RoamInYourHome
@RoamInYourHome 3 жыл бұрын
Super helpful! Thank you for this demo!
@RaddyDev
@RaddyDev 3 жыл бұрын
Glad that you found it helpful! Thank you!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@Lizziepearcy
@Lizziepearcy Жыл бұрын
Thank you that was really clear and well explained
@RaddyDev
@RaddyDev Жыл бұрын
Glad it was helpful!
@antoniorangel5011
@antoniorangel5011 3 жыл бұрын
Thank you very much. It was very helpful, I just subscribed and got my like.
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you, Antonio! I appreciate it!
@maxameddeeqaxmed6530
@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
@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?
@44aliano
@44aliano Жыл бұрын
Thank you, i used to not like bootstrap but i was wrong lol, its actually good
@bills1967
@bills1967 2 жыл бұрын
How much javaScript do we need to know before we start learning bootstrap?
@RaddyDev
@RaddyDev 2 жыл бұрын
You don't need to know JavaScript to use Bootstrap. To create layouts you only need understanding of HTML and CSS. If you want to add interactive sections such as a slider or maybe a mobile toggle menu you can use their snippets which makes it fairly easy. In short No JavaScript required
@QuantumRishi
@QuantumRishi 2 жыл бұрын
Yes sirr, I thought It would hard, but with your support it was like piece of cake 😋. CAN YOU MAKE ONE PROJECT BASED ON BOOTSTRAP AS AN EXAMPLE, INCLUDING THE TIPS AND TRICKS...
@RaddyDev
@RaddyDev 2 жыл бұрын
Glad to hear that you found it easy to follow. Yea, sure I will be making more bootstrap videos. I think that I already have a few
@tingcnv2764
@tingcnv2764 15 күн бұрын
very nice tutorial, would be more helpful if you searched up what does the 12 grid system look like in websites
@RaddyDev
@RaddyDev 12 күн бұрын
Thank you, I appreciate the feedback!
@aaronm4562
@aaronm4562 3 жыл бұрын
This might be a stupid question, but what if I wanted to align those three buttons to the center? Or align them to the right? I've been trying to align them the same way you've aligned everything else on the page but nothing happens, and when I open up Inspect it seems like something else is happening with the positioning of the buttons in the Bootstrap .sccs file. So I'm just wondering if I have to dive right into the .sccs file where the buttons have specific styling to be able to change padding and positioning and whatnot, or if there's a simpler fix than that?
@RaddyDev
@RaddyDev 3 жыл бұрын
You should be able to align and justify them. I am always at the moment, but I will have to have a look into it
@rajsuriyang3427
@rajsuriyang3427 3 жыл бұрын
The Best css tutorial Thank you!.
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you, Raj! I appreciate it
@apbosh1
@apbosh1 3 жыл бұрын
answered a lot of questions for me. great tutorial! nice to see the inspection methods. You are using visual studio to edit the code? I have been using atom but it doesn't auto fill the same as yours! i need to investigate how to get those features.
@RaddyDev
@RaddyDev 3 жыл бұрын
Yeah Visual Studio Code is what I like to use. Maybe there is a package for Atom that you can use. Atom does look nice to be fair. Give VSC a go, you might like it :)
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@apbosh1
@apbosh1 2 жыл бұрын
@@RaddyDev Now using VSC it is so nice! everything served on a plate, the prompting features are far superior to atom, although atom was plenty good enough for me to begin with. I should have gone to VSC sooner! Thanks for great tuition.
@Engieboy12i
@Engieboy12i 3 жыл бұрын
3:47 Anyone know how he duplicates the line like that?
@RaddyDev
@RaddyDev 3 жыл бұрын
Alt + Shift + Down Arrow
@Engieboy12i
@Engieboy12i 3 жыл бұрын
@@RaddyDev You beauty
@ganeshjraman7536
@ganeshjraman7536 3 жыл бұрын
Good one mate, thank you,helped a lot
@RaddyDev
@RaddyDev 3 жыл бұрын
I am glad that you found it helpful. Thanks for the comment
@christosdaglis1163
@christosdaglis1163 2 жыл бұрын
Really informative tutorial. Thank you!
@RaddyDev
@RaddyDev 2 жыл бұрын
You're very welcome!
@t1910j
@t1910j 3 жыл бұрын
Subscribed!! Great stuff dude! Thanks
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you!
@alexanderpetranov
@alexanderpetranov Жыл бұрын
Awesome Bootstrap tutorial!
@RaddyDev
@RaddyDev Жыл бұрын
Glad you think so!
@karthikjayaraman9702
@karthikjayaraman9702 2 жыл бұрын
Which IDE are you using? Does anyone know how to get the class tags auto populated in Brackets?
@RaddyDev
@RaddyDev 2 жыл бұрын
I am using Visual Studio Code. Not sure about Brackets, there might be an extension that you can install. I've never used it, but hopefully somebody else would know 🙂
@karthikjayaraman9702
@karthikjayaraman9702 2 жыл бұрын
@@RaddyDev thank you for the quick reply Raddy! Can you show us in a video how to set VS code for such bootstrap projects? I am sure many like me will be new to this as well!
@zaheerasghar5133
@zaheerasghar5133 8 ай бұрын
Excellent work 👍
@ohstayyeah
@ohstayyeah 3 жыл бұрын
LOVE YOUR TUTORIAL. VERY HELPFUL
@RaddyDev
@RaddyDev 3 жыл бұрын
Thank you!
@sanjarproductions
@sanjarproductions 2 жыл бұрын
Don't watch this kzbin.info/www/bejne/hXSUgpekl5x3r6c
@cozycozyvibe
@cozycozyvibe 10 ай бұрын
thanks buddy , bootstrap was seeming like a horror for me . as i have always coded in css and never approached outside.. but now sounds like it is fun.. but can you tell one thing if i wanna apply color of my choice in button then what should i do..?
@moose6869
@moose6869 4 ай бұрын
Should be able to use the style in the HTML element to set that manually. Ex: Button Text _____ If I'm not mistaken, anything you can do via CSS, can also be done using the style:"[insert stylings]" in the HTML.
@ramoun16
@ramoun16 3 жыл бұрын
can you tell us what is the background music at the beginning of the video
@RaddyDev
@RaddyDev 3 жыл бұрын
Yeah of course. It's called Much Higher and it's from the KZbin music library.
@maverick.gaurav
@maverick.gaurav 3 ай бұрын
Thanks... You're a good teacher
@RaddyDev
@RaddyDev 3 ай бұрын
I appreciate that!
@KaminariGame
@KaminariGame 3 жыл бұрын
do they have a page that list all their CSS so I know what and when to use it. thanks .
@RaddyDev
@RaddyDev 3 жыл бұрын
Of course, just go to the official Bootstrap website. They list everything there and have a lot of examples that you can use
@ScarxciaSkaix
@ScarxciaSkaix 2 жыл бұрын
Thank you very much for this well presented video.
@RaddyDev
@RaddyDev 2 жыл бұрын
Glad you enjoyed it!
Bootstrap 5 Crash Course
1:11:15
Web Dev Simplified
Рет қаралды 501 М.
Жездуха 42-серия
29:26
Million Show
Рет қаралды 2,6 МЛН
Почему Катар богатый? #shorts
0:45
Послезавтра
Рет қаралды 2 МЛН
JISOO - ‘꽃(FLOWER)’ M/V
3:05
BLACKPINK
Рет қаралды 137 МЛН
7 ways to deal with CSS
6:23
Fireship
Рет қаралды 1,1 МЛН
BOOTSTRAP in 20 Minuten (Anfänger-Tutorial)
26:24
Programmieren lernen
Рет қаралды 44 М.
The Honey Scam: Explained
10:53
Marques Brownlee
Рет қаралды 3,8 МЛН
Bootstrap 5 Crash Course | Website Build & Deploy
1:18:48
Traversy Media
Рет қаралды 1,1 МЛН
Learn How to Code Using Bootstrap 5 Tutorial 2023!
19:15
Coding With JayBird
Рет қаралды 47 М.
The Story of BootStrap
6:14
CodeSource
Рет қаралды 91 М.
Namaste World in Bootstrap | Web Development Course
15:33
Apna College
Рет қаралды 639 М.
Learn Bootstrap: Easy Step-by-Step Tutorial v5.3
42:30
Raddy
Рет қаралды 12 М.
EASY! Hand-code an HTML + CSS layout
11:24
LearnCode.academy
Рет қаралды 526 М.
Жездуха 42-серия
29:26
Million Show
Рет қаралды 2,6 МЛН