Bootstrap 5 Crash Course

Поделиться
HTML-код
  • Опубликовано: 25 дек 2024

Комментарии • 452

  • @kuyatomi
    @kuyatomi Год назад +88

    Audio problems aside, this is the perfect bootstrap crash course! Thanks as always Web Dev Simplified!

    • @amhowaye1605
      @amhowaye1605 18 дней назад

      AUDIO PROBLEM CANT BE PUT ASIDE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @pinpon163
    @pinpon163 2 года назад +31

    I am convinced you are viewing my search history lol. This is like the 4th time I am looking for something, and Kyle answers within 48 hours with a vid lol. Love you man!

    • @vaisakh_km
      @vaisakh_km 2 года назад

      🤣 that same thing happened for me for many other youtubes lol
      i was going to choose a toolkit for a (my first) production single page tool, suddenly he uploaded this :)... guess i am gonna use bootstrap

  • @cusematt23
    @cusematt23 Год назад +6

    This is the perfect bootstrap tutorial for absolute beginners. I searched far and wide to find a tutorial like this that pre-supposed pretty much 0 knowledge about bootstrap. Well done mate.

  • @pasej5
    @pasej5 9 месяцев назад +2

    From Day 1 I have never regretted subscribing to your channel. By far the best in all lectures. Thank you, Kyle.

  • @jasongoossens
    @jasongoossens 10 месяцев назад +3

    I'm 12mins in, and it's already the best explanation of bootstrap I've seen!

  • @hreczkules
    @hreczkules Год назад +8

    Dude, you are the best guy out there for coding lessons. I am in the middle of a frontend course and you are expending my knowledge so much more! You simply know how to prepare a good and accessible videos, so thank you very much for all the effort, it's really awesome.

  • @Ram-bz4qu
    @Ram-bz4qu 2 месяца назад +1

    Thanks for making this bootstrap tutorial, no time waste. Viewing 70 minutes tutorial is absolutely worth it.

  • @rainespells1273
    @rainespells1273 Год назад

    3:08 breakpoints
    hardcode a size to a breakpoint
    13:06 offset
    13:50 roll-cols-
    15:30 gaps in the row tag
    16:27 nested rows
    table-active
    24:50 form control

  • @RateOfChange
    @RateOfChange 2 года назад +11

    I like how your new videos usually come out exactly when I need them

  • @chandanpandey8831
    @chandanpandey8831 Год назад +44

    Concise and to the point. Great crash course, loved it!

    • @iancarr3923
      @iancarr3923 Год назад +3

      The value of a concise presentation cannot be overstated. Excellent video.

  • @Swingerfinger
    @Swingerfinger Год назад +1

    Thanks for the comprehensive tutorial! Can’t even recall the number of hours I spent trying to style websites without Bootstrap. Never again

  • @mytvmetgal1286
    @mytvmetgal1286 4 месяца назад

    This is real "Crash" course, no wastage of time, speed is like lightning!, yet easy to understand!!!👏👏👏

  • @DanielGariba-j5j
    @DanielGariba-j5j Год назад +2

    First time to ur channel and am hooked . No time wasting, always to the point. No BS. Great job.

  • @azeemadil4105
    @azeemadil4105 2 года назад +7

    Absolutely amazing & phenomenal timings I just started learning BOOTSTRAP 5! & You just dropped dis ..... IMO best way to learn CSS framework is from king itself! Very much appreciated!

  • @williamdunn5081
    @williamdunn5081 Год назад +20

    Awesome overview. All the info you need and no filler. Love it. Thanks for taking the time.

  • @sarveshm6779
    @sarveshm6779 2 года назад

    This is the first ever tutorial RUclips video that i am downloading; the best tutorial ever, on bootstrap; hands down; just wished it came out 5 yrs ago.

  • @EnterThumsUp
    @EnterThumsUp 2 года назад +16

    Even one second not wasted
    This is the best video lot of content TQ 😍

  • @evilwizard7931
    @evilwizard7931 2 года назад +17

    audio quality is awful at times, but the content quality is always 11/10. I mean you have to pay attention to the code bit anyway & that doesn't skipout from time to time, so not really a gripe lol because I'm finding it useful. I've already rewound a few times to see what classes & structure I should be aiming for. So a big Thank You from me :D

  • @story_teller4268
    @story_teller4268 2 года назад +33

    awesome tutorial man, just rectify the sound issues

  • @omarjab
    @omarjab Год назад +7

    Amazing video, i've used bootstrap in the past and i currently use it for my job but i started to hate it after i discovered tailwind because i find it much simpler and easier to customize, but this video made me appreciate bootstrap a lot more than before and you made me discover some things that i didn't know, thank you :D

  • @AlwaysPlayer13
    @AlwaysPlayer13 Год назад +2

    I am only 13 minutes in and have learned so many useful techniques... Keep it up 👏

  • @humuszlako
    @humuszlako Год назад +6

    Thanks a lot! I've managed to fix weird gaps occuring between the rows of my grid on smaller screens. The problem was that I added more rows below each other and I realized I just had to use one single row and add all my columns inside. I could not find the solution anywhere else but your video helped me to create a perfect grid with perfect gaps for my project and it looks great on smaller screens too! 😍

    • @army-and
      @army-and Год назад

      That's actually great, I just started to learn bootstrap too.. actually I was looking for people whom I can relate to and sort it out together if I had any problems, hiii

  • @onr5196
    @onr5196 Год назад +1

    the explanations and examples you showed made me just fully understand how bootstrap works in just 1 video. thanks man

  • @IroshanaRavishan
    @IroshanaRavishan 9 месяцев назад

    I Really Really recommend this video for anyone who wants to refresh the knowledge of Bootstrap and CSS... Great | Simple | Excellent | Perfect Content .

  • @learninglearning2
    @learninglearning2 Год назад

    recently tried to learn tailwind (don't have much experience with css) it was very complicated and now i love bootstrap.

  • @jalalle1995
    @jalalle1995 2 года назад +27

    People who say that Bootstrap is dead and we should switch to other alternatives (tailwind), can't see that a lot of the time the dev is actually maintaining an already existing App, where the technologies are already picked up long ago and some of them might be really old, and the bigger the App is the more expensive to migrate so upgrading to the newest versions of the same technology to maintain minimum level backward compatibility ends up way cheaper (ex: BS 4 -> BS 5).
    We don't always have the luxury of working on green field projects and choosing cutting-edge technologies. Welcome to the real world

    • @e_tas_
      @e_tas_ 2 года назад +4

      This is true, and for this reason don't just learn Bootstrap for the sake of it. If you're hired to work with Bootstrap pick it up, otherwise there's no point. There's a billion stuff to learn, if you are good with CSS you can pick up bootstrap in a day. Just pick up what you need for the job, people learning how to do web dev for the first time shouldn't rely on bootstrap

    • @jalalle1995
      @jalalle1995 2 года назад

      @@e_tas_ This

    • @brangja4815
      @brangja4815 Год назад

      I'm here for the same reason lol.

  • @isaacguerrero410
    @isaacguerrero410 2 года назад +11

    Yes great video. Thanks for all the videos, the last couple have had audio issues though

  • @schutto1911
    @schutto1911 8 месяцев назад

    You single-handedly carry every single one of my web projects!
    Thank you for your hard work!!!

  • @yathdixit
    @yathdixit Год назад

    good video. This is kind of a video I want. I don't want someone to first explain a thing for 5 minutes then showing them slowly slowly. I am smart enough to comprehend by my own. Love this video. Subscribed for sure.! Thanks

  • @SuperElephant
    @SuperElephant 2 года назад +218

    Amazing tutorial as always! Just little concern on the breaking voices like 13:32, it happened a lot and it's kinda frustrating to extract important information when it's cut off like that..

    • @classicgamer5622
      @classicgamer5622 2 года назад +13

      You can hit the cc and see the text looks like the missing words are in the closed caption.

    • @andrewdillard5961
      @andrewdillard5961 2 года назад

      I wonder why that happens..

    • @SuperElephant
      @SuperElephant 2 года назад +6

      @@andrewdillard5961 Probably a malfunction in the audio equipment (battery issue?)

    • @atkimusic
      @atkimusic 2 года назад +12

      Kyle.exe is not working properly.

    • @geografixxxx
      @geografixxxx 2 года назад +11

      @@SuperElephant Probably noise canceling

  • @thevinhbui8461
    @thevinhbui8461 2 года назад +5

    Bootstrap's documentation is kind of confusing to me, like how they combine all divs and elements together. Your tutorial just solved that, now I know why classes like card-group and button-group exist! Truly very informative, thanks!

  • @serawonder
    @serawonder Месяц назад +1

    Great work! I understand very quickly.Keep up!

  • @ahotman1808
    @ahotman1808 2 года назад

    you know a week ago I was about to learn bootstrap ,I searched for a tutorial in your channel and didn't find any so I decided to learn something else . I guess I'm lucky , and TANK YOU SO MUCH

  • @hanesmitter1469
    @hanesmitter1469 2 года назад

    Love how you give a deaf ear to the Tailwind CSS wave and make a video on bootstrap 🤝
    Great video, bootstrap has always worked for me

  • @MuzamilQuraishi-oc1ej
    @MuzamilQuraishi-oc1ej Месяц назад

    This course was absolutely the best and prefect course for beginners. Thank you so much we appreciate your excellent hard work. 🥰😍

  • @elacodes
    @elacodes Месяц назад

    the best 1 hour of in my programming journey

  • @WhoamI-yz9nx
    @WhoamI-yz9nx 2 года назад +2

    Amazing tutorial!
    This is the first CSS framework I'm learning and it's blowing my mind. Things that took me like an hour to set up can be done with just appointing one style to the right element...

    • @texxs01
      @texxs01 2 года назад

      ALL the other frameworks are better than this one, imo. This one was just the most popular for a while.

    • @Victor-Ike
      @Victor-Ike Год назад

      @@texxs01 Why are they better? I am trying to figure out which framework I want to learn

    • @nemoelkristianalarcio3287
      @nemoelkristianalarcio3287 Год назад

      smh, lol same. I regret that I spend more than 3 months learning different CSS tricks, where I could just learn bootstrap and save time.

    • @texxs01
      @texxs01 Год назад

      @@nemoelkristianalarcio3287 actually this is far more complex than than technology it uses to do what it does.

  • @amrismail7336
    @amrismail7336 2 года назад

    man ,, you just made my day ,, i was lost trying to find sth to study bootstrap from and i was lost in all forms ,, videos that teaches nth ,,, etc

  • @abdikhaliqmohamoud3373
    @abdikhaliqmohamoud3373 2 года назад +2

    Woow!!! that's great. This is what I am waiting years from you.

  • @bboydarknesz
    @bboydarknesz 2 года назад +9

    wow, the way you explain each one is really really important for us how it works!
    I had watched many bootstrap tutorials since B3, but yours is different.
    Please make it the next level, like how install it with package, customize it, scss.
    Because I dont wanna B die because of that T. Hate T, its hard to maintain and unreadable, but nowadays people going crazy with that because everyone use it instead B.
    Show them that B is the God and very flexible!
    Thank you

  • @dmalvi2002
    @dmalvi2002 2 года назад

    Man, I miss those lines, "So, that's sound interesting, make sure to subscribe for more videos just like this". I know you since 2019 and am still a fanboy of you.

  • @EricMillen
    @EricMillen Год назад +1

    Great tutorial beyond the audio issue. I watched at .75 speed to more easily code along and wasn't sure what was related to the playback speed and what was just missing audio.
    Still a very helpful video though. Thanks for making it.

  • @RATHERMUNEER
    @RATHERMUNEER Год назад +1

    One of the best Crash courses that I have come across. Thanks a lot, Loved it.

  • @sourabhrajput5110
    @sourabhrajput5110 Год назад

    one no video complete course of bootstrap 5.... Hats off You

  • @buttonmedia9352
    @buttonmedia9352 2 года назад +10

    Thank you. Amazing. Simple enough, to the point, well understandable examples and clear spoken word. 👌

  • @oussamahamdi6993
    @oussamahamdi6993 2 года назад

    Omg today i was looking for a course for bootstrap 5 and i found u right now ❤️❤️🇹🇳
    Respect man🙏

  • @abhishekwebdeveloper
    @abhishekwebdeveloper 2 года назад +222

    Please make video on Tailwind CSS.

    • @Chris-zt4ol
      @Chris-zt4ol 2 года назад +10

      Just read the docs, it’s the best tutorial out there. (After the one from fireship)

    • @ihateorangecat
      @ihateorangecat 2 года назад +8

      to learn tailwind, i think if you're just good enough at vanilla css (not a pro ) you might not gonna need a tutorial, just read the docs and do some projects then it's all gonna be good to go.

    • @Chris-zt4ol
      @Chris-zt4ol 2 года назад +1

      @@ihateorangecat You definetly need a starting point on atleast what tailwind does and how to set it up. Most of the other stuff can be googled or done via intellisens, but there will be some things you won't learn unless you actually explore the docs

    • @appsgames3513
      @appsgames3513 2 года назад +4

      Watch code with Harry 😍

    • @berthje7201
      @berthje7201 2 года назад +1

      Second thiq

  • @brianbassett9722
    @brianbassett9722 2 года назад

    Dude I just joined a new company last week that requires using bootstrap 5 and I’ve been looking for videos on how to do it. Tysm

  • @pauldenlinger6009
    @pauldenlinger6009 Год назад +4

    Thank you for making the best conceptual introduction to Bootstrap and how it works! I will refer to it a lot in the future!

  • @JohnDoe-qw5yr
    @JohnDoe-qw5yr Год назад

    So impressed that you can rapidly bust out so much information like this...

  • @AmariFields
    @AmariFields Год назад

    A year late but you my friend dropped some gems in this video!

  • @WebDeveloper682
    @WebDeveloper682 Год назад +3

    You are the best coding youtuber I know, you are awesome person and I really appreciate your hard work for us, I have been learning from your yt videos for 10 month now and I have gained big coding skills. thanks to you! and i will keep learning from you until the end. hope you will make more crash videos like this for instance : tailwind css crash course. we all love you web dev simplified and we wait for your cool videos :))

  • @beqagagua
    @beqagagua 5 месяцев назад

    Best video about bootstrap so far helped a lot .

  • @Arabian_Abomination
    @Arabian_Abomination 2 года назад +15

    Great video Kyle. The audio was cutting out in the video a lot just fyi, other than that it was great. I will be watching this many times

  • @RashidAlesgerov
    @RashidAlesgerov 2 года назад +16

    I was looking for a tutorial like this to refresh my memory and you uploaded it just in time :D Thank you for a great video. You explained major features of Bootstrap in detail. Btw, the audio was cutting during the whole video. I guess it was a mic issue. Hopefully you could fix it for the next video.

  • @corey3277
    @corey3277 Год назад

    Thanks!

  • @anlakgun406
    @anlakgun406 2 года назад +2

    just when I needed it.

  • @mesmartboy1985
    @mesmartboy1985 5 месяцев назад

    6:20 there is no gap between colums, the space is due to the padding of the colums and because columns has contents.

  • @guywithakeyboard
    @guywithakeyboard Год назад

    One thanks from my side too. I'm just glad that I came through your tutorial.

  • @FireMuscle11
    @FireMuscle11 2 года назад +2

    The audio has too much noise reduction. But the Quality is Still Gold. Worth Watching. Thank you brother. Godbless

  • @a.human.
    @a.human. 2 года назад +2

    Personal note:
    34:55 useful form concepts
    50:00 useful modal ideas

  • @princechangani5302
    @princechangani5302 10 месяцев назад +1

    Video is really great, I will be watching this many times.

  • @go_sh4627
    @go_sh4627 8 месяцев назад

    I am 32:00 minutes in and I must say this is a really awesome lecture man ... Thank you.

  • @albertoiong6895
    @albertoiong6895 2 года назад

    Definitely good tutorial on bootstrap 5... I watch this video again and again...

  • @gillbates9668
    @gillbates9668 2 года назад +2

    Wow! Exactly when I need a solid bootstrap 5 tutorial he drops this video! THNAKS 😍

  • @andyz1809
    @andyz1809 2 года назад

    so good, thank you very much, should ranked number 1 on youtube.

  • @nothingisreal6345
    @nothingisreal6345 2 года назад

    Thank you for this great reference video about BS 5. I´m sure that will reach Millions of views over time.

  • @littleoddboy
    @littleoddboy Год назад

    Hey man! what's going on?
    I want to say thank you, because your crash course is perfect!
    with this video, any one can learn the basics of Bootstrap and understanding that what we have in Bootstrap system. I really thank you; finally I can understand that what is row-col system in Bootstrap. Just it! thank u again ^^

  • @theodorealenas3171
    @theodorealenas3171 2 года назад +1

    I'm so fulfilled that I learned the basics of html and css and I can tell how bootstrap was made!

    • @roym4457
      @roym4457 2 года назад +1

      as someone who had studied parts of the old source code, i would assume that bootstrap must have looked more impressive 10 years ago when there were only jquery and less

  • @stanisawburdzy8904
    @stanisawburdzy8904 Год назад

    Thank you for this condensed review of bootstrap technology

  • @rpf23543
    @rpf23543 Год назад

    It's so great, thank you so much. One of the best channels out there....

  • @chrisqiuu
    @chrisqiuu 2 года назад +4

    Sir, you really made it very simple. I find CSS very difficult but after watching this today, I think I have learned a lot of stuff about CSS that I wasn't able to familiarize. Thank you! Do you have a facebook page I could follow?

  • @manvithdayam3843
    @manvithdayam3843 Год назад

    Bro you are my savior! Im going to donate to your patreon as soon as i get some money 🙏

  • @yakligian
    @yakligian 2 года назад

    This couldn't have come at a better time, thanks

  • @xitefy
    @xitefy Год назад

    Phenomenal Rapid Explanation!
    Just Awesome !

  • @erikm6015
    @erikm6015 Год назад +2

    Great crash course, Thanks for taking your time to educate us
    😎

  • @adriatic123
    @adriatic123 Год назад

    Actually a very good course on B5, thanks

  • @denispals9471
    @denispals9471 2 года назад +1

    Man this is SOOO useful and well explained, please keep going, thanks.

  • @mahmadmaqbool5038
    @mahmadmaqbool5038 2 года назад +2

    waiting for this 😁

  • @lwe1446
    @lwe1446 2 года назад

    best guru of coding

  • @AA-jt6ec
    @AA-jt6ec Год назад +1

    god bless you great crash course! just a little problem in sound ..but the content was great

  • @AndyNotSoSmart
    @AndyNotSoSmart 2 года назад

    Same here great content keep it coming. Sounds like you have a gate on your mic with too high a threshold. You probably already know this and didn't want to go back and redo the video when it's still totally understandable. I don't blame you. 🤘🤘

  • @AlexCernat
    @AlexCernat 2 года назад

    Wow! Very interesting to set the content of "size debugging" div as pseudo-css content. It's way cleaner than having a bunch of divs and play with visibility (old way style). Thanks!

  • @sakthipalanisamy007
    @sakthipalanisamy007 Год назад

    Great video . He was straight to the point . Would recommend this for everyone 😀.

  • @proxy5061
    @proxy5061 5 месяцев назад

    this is what exactly i was looking for , thankyou so much

  • @michaelrodriguez8954
    @michaelrodriguez8954 2 года назад

    Thanks again; you are awesome, bro! Thanks, Kyle, for saving the day with this video; I was searching for a Bootstrap 5 course. I found them through google, but they all were paying or were about bootstrap 3 or 4 at most.

  • @kurtkobain7445
    @kurtkobain7445 Год назад +3

    Highlighting what others have noted already - The video has some odd audio issues, eg at 2:36 when he says 'Bootstrap', the sound cuts out.
    This happens frequently throughout the video.
    I'm sure the creator has rectified this for his preceding videos, but it would be good for this video to be updated for future viewers.

    • @hilli-
      @hilli- Год назад

      no he just swears a lot lol

  • @codedjango
    @codedjango 2 года назад +7

    Not sure why your voice is breaking in between....but anyways thanks for this awesome tutorial :)

  • @reezuanrahim6646
    @reezuanrahim6646 2 года назад

    As always. Concise and clear. Straight to the point. Excellent video. Kudos!

  • @ahmedabdulkarim3996
    @ahmedabdulkarim3996 6 месяцев назад

    This was really informative and useful. Thank you so much!

  • @artofreusing10
    @artofreusing10 2 года назад

    I literally just started learning bootstrap last week omg😍😍

  • @shaprock9843
    @shaprock9843 2 года назад

    Watched the whole video. Extremely educational 🚀

  • @anonymousmask9850
    @anonymousmask9850 Год назад

    thanks learning every day more and more, to youtube tutorials, found this more instructive and straight to the point, thanks sir for the helpful content!

  • @neonwatty
    @neonwatty 2 года назад

    absolutely fantastic - as usual - thanks kyle!

  • @RanaHassan-s3c
    @RanaHassan-s3c Месяц назад

    thank you , this bootstrap tutorial is the best

  • @AmirAdelScofield
    @AmirAdelScofield Год назад

    As a Tailwind fan, I was really surprised by bootstrap 5, as I only used 4 and I can see quite an improvement here, still I feel more comfortable with Tailwind, but at least I can see bootstrap now can almost do the same, but with less classes than what Tailwind has :D

  • @ahaque_
    @ahaque_ 3 месяца назад

    Thanks mate! Helped me to learn bootstrap

  • @lucienchu9649
    @lucienchu9649 2 года назад

    Great intro and refreshment for Bootstrap.

  • @petrmudra1413
    @petrmudra1413 Год назад

    Brutal crash course 👍

  • @linc7539
    @linc7539 Год назад

    Mr. Cook, you are a great lecturer and present this comprehensive content in an accessible way. Understanding HTML, CSS and JavaScript seem to depend on sheer memorization and understanding each of their unique "logic". Not many lecturers do that well. Thanks for demystifying this topic and I look forward to your other tutorials. Definitely interested in your JavaScript course and will check that out soon. Thanks again! P.S. - Do you play electric guitar? So do I.