Should You Use Bootstrap?
VloĆŸit
- Äas pĆidĂĄn 29. 06. 2024
- Should you use Bootstrap? That is the age old question people have been asking since the beginning of Bootstrap's rise to popularity, but this question is even broader than just Bootstrap. What we should be asking is if we should use any CSS framework, and in this video I will be answering that question once and for all.
Obviously, this isn't as easy as yes or no since CSS frameworks can be really useful in some situations and terrible in others. In this video I will be covering all the most important things to consider when thinking about using a CSS framework and giving you my opinion on CSS frameworks as well.
đ§ Concepts Covered:
- What Bootstrap is
- What to consider before using a CSS framework
- When a CSS framework is a good choice
- The negatives of using a CSS framework
đ Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
#Bootstrap #WDS #CSSFramework
The only guy who really knew what explanations I needed.
If you like designing and work in a team where design is done separately u should write vanilla css. For a full stack developer more on backend bootstrap is a life saver
Tanzim Ibthesam I agree
That's what he said.
I don't get it though. Can't you do both? I mean, can't you just include bootstrap but only use it where you don't care much about customization. The rest you can still do vanilla
@@nvmffs You can do everything with css why just use it for responsiveness rather use Tailwind
Agreed
I recommend a lot SASS, it's a preprocessor but it makes it A LOT easier to write and organize CSS. You can also create your "own" framework with it.
@Nikola Kretschmer I'm pretty sure the curly braces are in the same place on the mac. Have you looked there?
Plus, modular SASS in react is amazing
@@LongBoy.0 Hey, I'm using this SASS mixins all the time in enterprise projects... They are really handfull, wanted to share :).
github.com/PawFV/SASS-mixins-for-all-projects
SASS is amazing. Started using it like 3 days ago. Absolutely incredible stuff.
@@paujoan401 Thanks for sharing! I actually use Bulma for a lot of my work and it comes with quite a bit of these.
Amazing comparison between Bootstrap and plain CSS. I really like that you bring up examples and talk about different scenarios. The best is that you don't want to sell Bootstrap as some people do in other videos but you stay objective explaining what Bootstrap is really useful for. It's a real help, thank you!
I'm glad you enjoyed my explanation. I generally prefer doing custom CSS but there are so many cases where having a library like Bootstrap is so useful. A lot of my recent backend projects are Bootstrap projects.
This is a very logical and well put together explanation on the pros and cons of using Bootstrap. Thanks for taking the time to make the video!
Love the raw, no fuss style you have, bro. Unlike the majority of CZcams. Keep the lessons comg. Cheers
Just discovered your channel and I am impressed! Perfectly explained and to the point. Keep up the great work!
Thank you! Iâve watched so many videos about Bootstrap, but youâve explained it better in 3 minutes then a 20 minute video
Everytime I'm curious about something lately, I seem to watch one of your videos. You have a logical response to everything lol. Please keep going!
This is very clear and useful. It confirms my thinking and adds extra detail I hadn't considered. Thank you
Great to start the day with these tips. Thanks Kyle, again.
Very well explained. Thanks!
Love your vids!
Thank you! I'm glad you liked it.
Thank you so much this is really helpful...I have been look for videos like this for the past days, but I never had a clear satisfaction on what to decide on...thanks a lot bro
Bootstrap is a really life savier. As a developer I must say It save me so much time and it so pratical that I have zero complainings about using bootstrap. Also, if you want to customize something really differnt to the framework, just don't use the classes, just make it yourself as usual. And the documentation is also awesome.
Cheers to all webdevelopers!!!
Yes. Bootstrap helps me a lot to save my time.
In my job I have to make a lot of quick sites for impatient clients so yeah, Bootstrap is great. I save my vanilla CSS skills to more personalized projects.
Bootstrap has my most favorite documentation ever, it's clear, concise and very visual, and it avoids overwhelming you with extra details, it's so approachable even for non fluent English speakers
Beautifully explained. Thank you. Definitely subscribed.
Thanks man! Good Info. All the best to you!
You have really spoken, much appreciated my man
This is exactly what I was looking for. Thank you Kyle.
Thanks for simplifying you saved our time and clear our confusion
Another top-shelf video kid! Keep up the great work :)
I totally agreed with him!! I've learnt so much from cracking every little single details in styling myself and mostly from this guy here! If you want to learn and be good at something, do it and do it from scratch!! But yeah if you're so good at it now and want to save a bit of time then use bootstrap.
I mean, if you like backend, learning bootstrap is better. Fullstack developers more on the backend side are still benefited by using bootstrap. The only exception would be a frontend developer.
I just started learning web development a couple months ago and I canât tell you how much I NEEDED to hear this. Iâve been asking myself this question so much after discovering bootstrap, and this answered it in such a practical way
Same thing.
Thank you, Web Dev Simplified)
So... Are you using it or not?
Great explanation man, thanks, you save hours of training with bootstrap
Really clarifying! Thank you!
Thanks a lot!! Exactly what I needed! Kudos!
Thanks a lot bro. This explanation really broke things down.
Thank you. Iâm going to learn React shortly and that info you gave about it not working well with Bootstrap (cuz of Jquery) helped me avoid wasting time on trying to learn itđđŸ
Same here
This makes a lot of sense. I have been in a scrum with bootstrap ever since I started to customize.
Me too. I think this has given me the confidence to dump it and plough my own furrow
Thanks for clearing this up for me :). I'm more of a front end dev, so I'll just continue with vanilla css
Thank you. Very well explained. As always.
I completely agree. I wish my employer understood that. They seem to think that because it's popular that means it's better for every use case. I recently got put in a situation where I had to write a moderately complex UI and I just couldn't have done it if I used Bootstrap. So, instead of asking permission, I asked for forgiveness (I'm not endorsing that approach but I had to accomplish the goal) And my code reviewer completely understood when he saw what I did. The HTML was much easier to read and it's much more maintainable in the end.
Yep, I took bs just for the column system but I was ignoring the full power of flex!!..
Now I'll have to extract it from my last project, as you said it's a pain in the neck having to override most of it.
Thanks, that was easy to understand & informative.
You say the right things. You could do one video on css bem (block-element-modifier), and also other frameworks, like bulma, foundation or the even better minimalist frameworks like milligram or purecss. Anyway nowadays with css flex, grid, variables, counters, transitions/animations, well, I'd use stylus max. but that too only for the lack of semicolons and curly brackets. and probably postcss.
Really nice judgement bro. Thanks
Thanks a lot man, this is really what I needed
This man tels the truth i was just spend 3 mounths to learn CSS and you dont need any css Framework like bootstrap to make design
Very nicely put. Thank you.
This is really helpful. I already have basic knowledge about html and css, and I'm still learning more everyday. But i think I'm good enough to move forward and start learning bootstrap next. Thanks for giving me (as a beginner) an idea on which scenarios where bootstrap is the best option.
Your cute, can I take u out for lunch?
Thanks for claryfying bro, great vid
Helped a Lot. Thank You!
I really appreciate it, you help me have a general view about yes or not bootstrap. So will you make a video "Should you use jQuery" like this?
Great, practical analysis, thanks.
I fell in love with bootstrap, scss and jquery
thank you so much, your explanation method is great, respect.
Thanks . Loved the explanation.
Very helpful video, thank you!
Thanks for clearing my doubts through email and this video especially....really like your videosđ„đ„đ
Thanks for this good advice!
This vid game me a lot of realization thank you so much
Thank you very much, you clear me a lot!
4:48
Thank you I'm learn Front-end and was confused when I saw bootstrap thinking it will be good but in my back of my mind I didn't want to use bootstrap and this video cleared my doubt
If your a front end developer, use vanilla css. If your a full stack developer, use bootstrap css
Thanks man just what i was looking for ....
I use bootstrap just for the grid sytem and for navbar because this saves my time from writing my own media quries and css grid
Except this is use custom css
CSS grid is dead simple, and so are media queries, especially if you use SCSS or some other preprocessor.
the collapse though
@@rallokkcaz and CSS Grid + media queries are even more simple when you use grid-template-areas prop :)
Then you should consider using PurgeCss to get rid of all the unnecessary classes, or start using a lighter css framework like skeleton
@@YONS_or you could just import bootstrap's grid css file instead of the whole framework
100% agree! I always felt like CSS frameworks were over-used.
I needed to hear this.
Your video is very very great, thanks for the information
Hey. I'm new at this, and as I'm learning Bootstrap, I felt kind of trapped in B.S. styles, so I reached to you to clarify this.
"Is there something I don't know about bootstrap, that I should, in order to make it look at least a little bit original?" was my main concern. So yeah, strong points you made about it. You saved me a lot of struggle, or, as you say "fighting against bootstrap".
Thanks for that
Thank for clear my bootstrap confusion.
If you are focusing in front end definitely you need to learn CSS and make your own styling.. Some client nowadays are strictly in design.
To the point! subscribed
it does not have to be either all or nothing with bootstrap.
you can use SASS with bootstrap to only import the needed parts of the bootstrap CSS.
also, you can customize the look and feel of bootstrap and it can look quite different compared to the standard bootstrap look and feel.
regarding the frontend frameworks like React. you can actually find libraries that implement the bootstrap for you and they take care of the JS code so you don't have to worry about JQuery. for example "reactstrap" is one such library
Thanks good and simple explanation.
finally an answer. Thanks man
Nicely explained đđ»đđ»
Great explanation đđđ
If you want to customize a Boostrap website, it's more easy to work with SASS. When you know SASS, you understand how Boostrap works, and it's more interresting in my opinion.
Thanks for your vid, I suscribe ;)
Thanks bro. I will learn sass later
You taught me much!!- I use Jquery/Java/Python/sql and Jquery doesnât mix well with PHP!!- a killer to decipher!!
So good reasoning. Thanks.
Nice summary.
Since I started very recently to learn coding CSS and HTML, never been attracted by Bootstrap. I decided to investigate it, as some people talk amazing things about it. "Simple, fast, and you do not need to know to code", they say. I thought sure, when you don't know JS for some staff as nav bar it can be useful, but after seeing your video, I got it clear. I love design, I find buts almost every time as things don't look as I had imagine. So bootstrap it's not for me. Thanks for your explanation.
same bootstrap is for learners who dont know designing in css i agrre with u
What I needed to hear from somebody else. Also, I am the latest subscriber..
Currently using it on a school project and it's very useful since I don't have time to learn a bunch of CSS, and I prefer working on backend stuff anyway
Dang I love this channel!
i'm big fan of Mr.Robot and you very remind me the normal version of him, where he went to web instead of hacking xD
now I cant unsee it xD
"You don't need to know CSS"
You actually do - whilst you can get by without knowing it, to really utilise the power of frameworks, you need to know CSS.
"Bootstrap is best for projects that don't change much"
Seriously, this comes down to knowing CSS and knowing how to manipulate a framework.
It's the biggest mistake detractors of frameworks make.
They view the framework as a whole, instead of a series of components!
Sure, if you use the entire bootstrap framework and spend hours overriding styles and struggling to make your site look like a design?
You are doing it so wrong.
You can take *any* part of a well written CSS framework and lift it out of the framework, into your own.
Like the grid? Heck, just lift it - stick it in your own project.
Don't feel like recreating all the form styles? Then just pick the forms part of a framework.
This is where you *have* to know css and scss.
Why would you do this though?
Well, it's simple. Bootstrap and frameworks like it, have had thousands of eyes on the code, hundreds of contributors.
They've gone through all of the gruntwork, the pain barriers of getting things working in different browsers.
They've gone through the optimisation, the modularisation of the code that makes up a framework.
Why would you re-invent it?
Ultimately, you will just end up creating your own framework - and I can bet, at the end of it, it will be a bit like bootstrap, but not as good.
So, why wouldn't you use it?
Well, there's lots of reasons. You may be looking for the cutting edge of CSS - frameworks are always going to be behind the curve.
The bottom line here is very much one of experience.
Those with a lot of experience will either recognise bootstrap as being a high quality starting point, or a place to get ideas or will hate it.
Hating it is pointless. Use it as a reference if you must - it will improve your CSS, it will improve your understanding of modularity, of semantics.
It will give you ideas about patterns - when you start extending bootstrap, you will suddenly understand just how clever it is.
If you don't understand what Bootstrap is doing, you really shouldn't be trying to make your own framework in the first instance.
And if you are working on a big project and are NOT using a framework - either by developing your own, or using a third party one, or a combination of the two (the best option) - you really don't know what you are doing at all. Your CSS, in a few months to years, will end up becoming an unmaintainable mess.
The clue is in the name - it's a FRAMEWORK - that doesn't mean you need to use all of it. That doesn't mean you can't extend it.
You need to understand that MANY of the problems you may face when crafting your own CSS, have been resolved in frameworks.
Yep, you can find those same resolutions all over the web - in stackoverflow comments, or articles or whatever.
OR, you can look to popular frameworks and magpie code.
THAT is how frameworks are used properly.
Here's the actual quote from the video -- "...you don't really need to know css in order to use these frameworks."
true
Thanks man.
@@trappedcat3615 Yep, true, but if you want to modify, then you at least need know how to change the variables and recompile - that's about all you can do.
This is perfectly fine for some use cases - notably, back-end developers wanting a framework or even for basic prototyping - css frameworks can excel at that.
However, the moment you start needing to do more, you have to get your hands dirty and dive into the code.
@@matthewtrow5698 true. Knowing CSS is essential in the real world.
Lol no
This really helps me
That was very helpful
Great advice.
The eyes and hair colors are a great bootstrap function
Totally agree with your opinion.
dude thank you!
Kyle your hair is amazing great cam quality.
Really helpful video
Very informative video
Hey kyle, please create tutorial login multi role & permissions using nodejs, express and mongodb đ
OK, now you made me change my mind about learning bootstrap .. :D
Thank you!
Kyle, would really appreciate a video on making websites mobile ready without bootstrap! Because that to me is one of the key advantages.
add media queries
Use CSS grid for the main layout of the site.
Got my answer....thanks bro.
I write back office business apps. Vue.js and bootstrap are critical to the work I do. Bootstrap does a great job matching colors. The spacing on the page is excellent. It is awesome that tables and grids are pretty much reactive right out of the box. The fonts and controls look much better than default HTML. Yes, not good that I have not learned CSS grid. And a problem for public facing sites because of the bootstrap bundle size.
Super useful video..
great info..
thank you so much sir
I always use boostrap for browsers support considerations
omg thanks man!
*Thank you..so much..* đ
Great video