Learn Bootstrap in 5 minutes | Responsive Website Tutorial

No video

Learn Bootstrap in 5 minutes | Responsive Website Tutorial | Code in 5

Рет қаралды 818,862

Күн бұрын

In this video, we will make our local webpage responsive using the Bootstrap framework. Learn about linking Bootstrap to your index.html, create rows and columns, and make your website responsive easily!
Check out my courses on LinkedIn Learning!
REFERRAL CODE: linkedin-learn...
/ kathryn-hodge
Need some new tech gadgets or a new charger? Buy from my Amazon Storefront www.amazon.com...
Code from Last Time | github.com/blo...
Download Sublime | www.sublimetext...
Blog Post | blondiebits.her...
Code | github.com/blo...
Support me on Patreon!
/ blondiebytes
Check out my Python Basics course on Highbrow!
gohighbrow.com...
Check out behind-the-scenes on my Instagram!
/ blondiebytes
Free HACKATHON MODE playlist:
open.spotify.c...
MY FAVORITE THINGS:
Stitch Fix Invite Code: www.stitchfix....
FabFitFun Invite Code: xo.fff.me/h9-GH
Uber Invite Code: kathrynh1277ue
Postmates Invite Code: 7373F
SoulCycle Invite Code: www.soul-cycle...
GitHub | github.com/blo...
Devpost | devpost.com/blo...
Website | blondiebytes.gi...
Twitter | / blondiebytes
Facebook | / blondiebytes
Pinterest | / blondiebytes
LinkedIn | / blondiebytes
Want more coding help? Sign up for a one-on-one session with me on codementor | www.codementor...

Пікірлер: 444

@elle381 2 жыл бұрын

Do you know how long I was looking for something to explain these concepts to me? All these guys and their 5 to 20 hr videos. Unreal. You're a hero!

@TheVerbalAxiom 4 жыл бұрын

She did in 5 minutes what these articles I've been reading couldn't do in 3 pages.

@viktoriamikulec2940 3 жыл бұрын

I agree

@oumerjarso4446 Жыл бұрын

This is what helped me to understand the concept.

@dr4kk0nnysinc59 3 жыл бұрын

I highly doubt this tutorial could be better. I really think this is the peak of time to learning ratio.

@OrincyWhyteDesigns 2 жыл бұрын

Agreed

@WBraxx 5 жыл бұрын

Good brief intro. I have no clue why all the other bootstrap tutorials are an hour or longer. Pro tip: Don't use _!important_ to overwrite bootstrap CSS. You can place your CSS styles after bootstrap and make changes there, it will overwrite bootstrap by default... unless bootstrap is using _important_.

@user-lb8kz8kc5d 5 жыл бұрын

Thank you madam

@sapien5390 4 жыл бұрын

Waldemar Braxx where do you normally put your css files?

@WBraxx 4 жыл бұрын

@@sapien5390 it is about the order they are in. But I put them all within of . If I use libraries like bootstrap I load them in first, my custom styles go below. That way, if I duplicate selectors I'm able to add, edit or overwrite styles from libraries.

@therainninja 4 жыл бұрын

I am web design / ui designer. You did a great job with this simple explanation. I am trying to refresh my bootstrap knowledge and this was helpful.

@michaeljimenez9203 2 жыл бұрын

Hi Im studying front end development. My goal is to land a job from it. Will this land me one by my course from codecademy in studying html/css/JavaScript & react?

@kennethlee6184 2 жыл бұрын

OMG finally.... someone that manages to explain bootstrap concisely without a song and dance, Thank you my blondie, and subbed !

@DearKush 5 жыл бұрын

Best bootstrap introduction

@VillagerLifeCraft 5 жыл бұрын

Exactly 🖒

@mordechai.e4579 5 жыл бұрын

"So I can specify how many columns I want for my element on small, med, large, or xlarge screen" THANK YOU! I finally get it clearly.

@facepalmmute3619 Жыл бұрын

Just started learning bootstrap last week and its been dreadful. Came across your 5 minute video and I think I have more of an understanding now! You are a lady and a scholar

@simranjitsinghbharaj5087 5 жыл бұрын

Thank God, I came across this channel. Learning to code on KZfaq was never this interesting since there are so many tutors who speak and execute slowly and keep on beating around the bush. I greatly admire ur speed ! Thank you and well done

@christofstanits 7 жыл бұрын

great videos! I like your no-nonsense approach and speed a lot!

@rajeevsagar9701 5 жыл бұрын

Christof Stanits I agree.. No non-sense indeed!

@devinv50 4 жыл бұрын

Agreed!

@nitsanbh 3 жыл бұрын

Absolutely

@danielovili7390 2 жыл бұрын

agreed

@fidel_soto 5 жыл бұрын

I was skeptical after reading the title but mind was blown by the 3 minutes mark. 10/10. Want more.

@eshawn97 3 жыл бұрын

If you're not a school teacher, you should be. Your short explanation is genuinely great - concise and clear.

@teddieg2520 2 жыл бұрын

I’ve been watching video after video on bootstrap and yours is the first one that actually made some sense to me. Great job! Still learning, but at least I’m starting to get it thanks to you!

@emilykasuya 3 жыл бұрын

Omg I can't believe you explained it so amazingly!! most guys just beat around the bush for eternity and never get to the point. This video is underrated..

@MRakshay-fb2mu 3 жыл бұрын

Bootstrap is for those who don't know the Basics.

@OshadhiVindhyani 4 жыл бұрын

Its 4am here. I was going through a hell of documentation to understand this. Thank you very much. this is really helpfull

@Xtremecarfan10188 3 жыл бұрын

Just subscribed! Best teacher ever. Straight to the point and understandable. I watched 1 hour long videos and learned more in your 5 minute video.

@jarodmorris611 5 жыл бұрын

I learned more about Bootstrap in this 5 minute video than I have in 10+ tutorials I've read.

@ninjaoftherift1620 2 жыл бұрын

Bro she's so smart, she taught me more then what I've learned on these hour courses 😅😍

@JadieAlissia 3 жыл бұрын

Thank you for actually explaining what it is, I just watched 15 minutes of another tutorial (I need to learn it before I start uni so I'm not behind) and they didn't even explain what bootstrap is *for*, you explained it very concisely, thank you

@nerdus8388 5 жыл бұрын

I fell in love with your simple teaching style. Everything is clear. Go ahead.

@fentonmiyare266 5 жыл бұрын

Hello! I'm quite new in web development and I've been killing my self with pure JavaScript, from ES6 to the latest version of JS, thank God for this discovery. Good stuff, I think this is like 90% of the learning already.

@JustSomeRandomIdiot 4 жыл бұрын

Just came here from another video where a guy spent 15 fucking minutes to get to the point of actually showing code, and didn't in that time end up covering as much as you did in 5. Thanks for getting straight to the point, really appreciate it! Great tutorial!

@JimmyDaMid 3 жыл бұрын

found your channel through this video, and as someone who's learning web dev, I can't stress enough how grateful I am. Instant sub!

@TowelGard Жыл бұрын

Thank you! I opened the bootstrap getting started documentation and my eyes immediately glazed over. You really simplified it down.

@stewielow9808 3 жыл бұрын

I just struggling to understand bootstrap in school job. And after watch this introduction it was just that simple thing bruhh. Thank you for teaching in easy way

@karolf1690 5 жыл бұрын

Am I the only one who can hear "BI*CH STRAP" at the very beginning? :D

@mochibun2389 5 жыл бұрын

I thought i was the only one 🙈

@jingyiwang2600 5 жыл бұрын

I was hearing b**** slap.

@karolf1690 5 жыл бұрын

@@jingyiwang2600 you mean what?

@georgenacpil7385 5 жыл бұрын

i hear bull cr*p

@adamhassan5528 5 жыл бұрын

@@georgenacpil7385 you might need new ears

@novanoskillz4151 3 жыл бұрын

most css came to me fairly easy.. but bootstrap and grid has been so complicated to me. this makes so much sense. thank you

@Uniqu3101 3 жыл бұрын

I didn't know anything before this video about bootstrap But now I can copy and paste bootstrap 😂 Now I become a pro.........💪💪💪❤️❤️❤️

@TheBinarydeity 4 жыл бұрын

Nice video a good introduction, but don't confuse your elements when you are teaching others. - are termed "Headings" not "headers" headers are

@KeepLearing 2 жыл бұрын

Omg that 12 columns number CLEARED everything so well!! Now I feel like a child ready to play with the new toy!! 😁😁😁🥰

@emilykasuya 3 жыл бұрын

Thank you for underlining the key points in an effortless way, in which most people take up with their introduction line.

@branvinifilms Жыл бұрын

Good quick intro, I didn't realize Bootstrap divided the page into 12 columns, thank you!

@OrincyWhyteDesigns 2 жыл бұрын

Idk if I understood it because Bootstrap is easy, or because you made it easy. Great video 👏🏾👏🏾👏🏾👏🏾

@user-qe3bc8yj2m 7 жыл бұрын

Why I keep hearing 'bitchtrap' :^) Thanks, useful quickstart.

@Silliestloosiegoosy 4 жыл бұрын

Great I though it was only me heh 😅

@TheGoldenTorchYT 4 жыл бұрын

I was about to say that...

@rib9563 3 жыл бұрын

same xD

@theafkzoneyt 3 жыл бұрын

Wonderful, now I hear it too!

@asitpurohit_108 3 жыл бұрын

@@rib9563 awesome beauty

@user-ho3wg8yp5m 7 ай бұрын

THANK YOU SO MUCH, IT HELPED ME A BIT ABOUT BOOTSTRAP BECAUSE I WAS SO CONFUSED

@itestdriving 3 ай бұрын

best 5 minutes i spent as a total beginner in bootstrap

@revolutionaryfrog Жыл бұрын

THANK YOU. I need this 5 minute crash course because most vids drag on for 30 min before explaining a single thing.

@chrisstier7494 2 жыл бұрын

I think your videos are amazing. Love the video lengths and how you explain what each language/framework does. Great teacher.

@adamcuculich8901 4 жыл бұрын

Quick and to the point! Thank you for sharing the content. Definitely helps as I am new to web development!

@joshuaperezleduc871 4 жыл бұрын

I absolutely love your to the point, basic tutorial that taught me literally everything I need to know. I don’t need a lengthy 100000000 hours of bootstrap. Just needed this lol. [disclaimer: JIC, this is totally sincere, thank you!]

@businesstools8451 2 жыл бұрын

Hi from Pakistan. Pisses me off to see relatively lesser views , when you actually were great and got to the point in least possible time. 10/10 from me ma'am !

@RavenStarrEvans Жыл бұрын

This made bootstrap so much more understandable to me, thank you so much

@bluekite1000 5 жыл бұрын

What a great way of explaining you have. I have learned from your tutorial alone a lot more than I did ten other videos from guys who waste a lot of time with vague tutorials.

@cauat3051 3 жыл бұрын

I just LOVED your video!! You explained way better in 5 minutes what my teacher took one entire class to do it LOL

@vineetbhat1666 3 жыл бұрын

No tutorial can be better than this!!🤯

@nikkotolentino553 3 жыл бұрын

No shit and on-point video about bootstrap I've ever seen so far. Thanks, ma'am!

@renilgajera8096 5 жыл бұрын

You're the best one! I did not getting from anyone's video . But you are the legend.... Thnx....

@fahadxxdbl 3 жыл бұрын

ok now this is my favourite web dev channel

@michaeljohnmagistrado1166 3 жыл бұрын

I really love tutorials like this that get to the point quickly and explain ONLY what is necessary. Imma sub 👍🏻

@mounsey_ 2 жыл бұрын

A handy place to start / refresh my jaded memory - thanks!

@nakkalahanumanthareddy5265 3 жыл бұрын

Best blondie bootstrap introduction

@kalbossa 3 жыл бұрын

In 5 minutes I learned as much as I did from spending 6 hours on a paid udemy tutorial course

@cc5914 5 жыл бұрын

First video which really explains how to use bootstrap.Thank you miss,great work

@helenkwan2912 3 жыл бұрын

You are very concise with your steps, and your voice is clear and easy to understand. Thank you! Definitely subscribed!

@Mason-Rs 6 ай бұрын

Thank you so much, you explained it so well. I've been confused for so long.

@elzahisaaid9841 3 жыл бұрын

I understood without even watching the video, just by listening I give you a SUB

@mikevvossen 5 жыл бұрын

Make sure to load your own css file AFTER the bootstrap CDN

@griffithstone8527 3 жыл бұрын

Thank you so much im in a web design class and responisve web design is an assifgnment that was due for me last week its online and my teacher knows ill submit it when i can but you gave me an idea! and lots of help thank you

@binnypatel2772 4 жыл бұрын

Really brilliant....to the point and inclusive of everything important :)

@renegade_of_funk 4 жыл бұрын

Best visual explanation of Bootstrap on the KZfaqs...thanks!

@semtristan3170 2 жыл бұрын

Very straight to the point and easy to follow and understand! Thank you so much! I subscribed!

@oscara9709 4 жыл бұрын

Amazingly good for an introduction to Bootstrap.

@F1DesignUS 3 жыл бұрын

I am only 5 years late to the game but this is a fantastic intro!!!!!!!!

@ryank7388 5 жыл бұрын

Very cool and thanks! Ive been designing for web for the last 8 years and am FINALLY getting myself into programming. These videos are very helpful!

@blondiebytes 5 жыл бұрын

I’m glad they help!

@onehtw1974 5 жыл бұрын

you have done a great job explaining the basics, very well! cheers. Keep making more videos, please :)!

@glewfw7989 3 жыл бұрын

OMG I was trying so hard to understand this... ppl on quora with 20+ years of coding experience says that bootstrap is the most easy one and I was angry at them bc clearly the precious DOCUMENTATION does not explain any of this so quickly and has NO REAL EXAMPLES thank you so much for this video its short easy and very well scripted(if)

@adrianjoshuamartinez8054 4 жыл бұрын

After all this time I finally understand bootstrap! Thank you!!!!

@arthurkamande1374 3 жыл бұрын

Bless u.🙏 Quick and precise. Now all i see is columns and rows.

@soarfree402 4 жыл бұрын

YES GIRL! So happy to be taking web dev tips from a female engineer!

@HiteshAhujablogs 4 жыл бұрын

Searching for more lectures like this. To the point. I'm searching for more similar lectures on Bootstrap.

@JayCole_211 5 жыл бұрын

Wow! I like the approach of this tutorial. It is straight to the point from start to finish. Even in a short time I definitely learn a lot from it. This is the first tutorial I've watched in this channel so I'll subscribe to it. Thank you for the tutorial and keep up the great work. :)

@codeWithMomo 3 жыл бұрын

I like how you designed and edited your video

@armonitigner9517 2 жыл бұрын

Thanks. Finally clicked once I watched this video

@ethnictherapy4349 4 жыл бұрын

Thank you. That was clear and quick.

@mohammadalsoussi1554 3 жыл бұрын

it's amazing what you could learn in 5 mintues

@muhammadzulfan8183 3 жыл бұрын

wow thank you so much. now i get it in just 5 minutes. new subs

@ZobayerAcademy 4 жыл бұрын

Best video Tutorial I ever seen. Great job

@MrTechGamer180 4 жыл бұрын

Thought this was a click-bait, never been this wrong in my life..✌️

@babinio7458 3 жыл бұрын

I just ❤️ bootstrap buttons!

@RicardoGarcia-dj1zc 3 жыл бұрын

@blondiebytes your voice is ... beautiful,, just perfect! 🧡

@watchtellyinuk 2 жыл бұрын

Best doc out here. Thanks.

@Chenildu49e 3 жыл бұрын

Thank you for this vidéo ! It will help me a lot at school . I'm a can of lost in too everything in my cours so you got me in ! So thank you and thank you !

@OlgaDayneko 4 жыл бұрын

really the best video explaining the bootstrap in 5 min!

@harshkureel3829 2 жыл бұрын

This video is really good provides a basic idea of bootstrap -keep up the good work 👍

@goshen8783 4 күн бұрын

Thank you for this So straight to the point!

@Alex-dd2mk 4 жыл бұрын

STOP PUT is better ♥ but good videos

@jedziahdaxx2994 3 жыл бұрын

THANK U!! I'm just now learning this stuff and this makes sense

@ber2996 3 жыл бұрын

although I'm not longing to become a front-end developer I still feel dumb since I've been creating website designs which have CSS and JS that are manually configured each just for the website to become responsive for years, I never knew there is this bootstrap that makes things easier

@wheland44 3 жыл бұрын

Bootstrap is shit and for noobs dude. Css can do the same much better