Should You Use Bootstrap?
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 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.
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!
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.
Love the raw, no fuss style you have, bro. Unlike the majority of TH-cam. 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
Very well explained. Thanks!
Love your vids!
Thank you! I'm glad you liked it.
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.
Beautifully explained. Thank you. Definitely subscribed.
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.
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
Great to start the day with these tips. Thanks Kyle, again.
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
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?
Thanks man! Good Info. All the best to you!
This is exactly what I was looking for. Thank you Kyle.
Thanks for simplifying you saved our time and clear our confusion
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
Really clarifying! Thank you!
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.
You have really spoken, much appreciated my man
Great explanation man, thanks, you save hours of training with bootstrap
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.
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?
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
Thanks a lot!! Exactly what I needed! Kudos!
Thanks for clearing this up for me :). I'm more of a front end dev, so I'll just continue with vanilla css
Another top-shelf video kid! Keep up the great work :)
Thanks a lot bro. This explanation really broke things down.
4:48
Thanks, that was easy to understand & informative.
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?
Thank you. Very well explained. As always.
thank you so much, your explanation method is great, respect.
Really nice judgement bro. Thanks
Helped a Lot. Thank You!
Thanks . Loved the explanation.
Very nicely put. Thank you.
"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
Thanks a lot man, this is really what I needed
I fell in love with bootstrap, scss and jquery
Great, practical analysis, thanks.
Thanks for claryfying bro, great vid
Very helpful video, thank you!
Thank you very much, you clear me a lot!
Thanks for this good advice!
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
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
This vid game me a lot of realization thank you so much
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
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
Your video is very very great, thanks for the information
Thanks good and simple explanation.
Thanks man just what i was looking for ....
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
Hey kyle, please create tutorial login multi role & permissions using nodejs, express and mongodb 👋
If your a front end developer, use vanilla css. If your a full stack developer, use bootstrap css
To the point! subscribed
I needed to hear this.
You taught me much!!- I use Jquery/Java/Python/sql and Jquery doesn’t mix well with PHP!!- a killer to decipher!!
100% agree! I always felt like CSS frameworks were over-used.
Thank for clear my bootstrap confusion.
Hey Kyle ! I had one serious question. What framework should i learn for building the front for React applications? Material UI or Bootstrap or react-bootstrap, i'm really confused to start.
So good reasoning. Thanks.
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
Nice summary.
Nicely explained 👌🏻👌🏻
Great explanation 👏👏👏
Thanks for clearing my doubts through email and this video especially....really like your videos🔥🔥👍
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.
That was very helpful
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
The eyes and hair colors are a great bootstrap function
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.
finally an answer. Thanks man
This really helps me
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.
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
Great advice.
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..
Dang I love this channel!
Good work and thanks for Sharing!
QUESTION: Can you do Multipage Forms in Bootstrap ? (passing the variable)
I think you need to write a little js. To pass the value
Thank you!
Really helpful video
I always use boostrap for browsers support considerations
dude thank you!
Please add some videos on node js and react
Kyle your hair is amazing great cam quality.
Totally agree with your opinion.
OK, now you made me change my mind about learning bootstrap .. :D
Very informative video
thank you so much sir
*Thank you..so much..* 🙏
great info..
Honestly, at first at thought that it would always be better to do the styling yourself from scratch.
In university, I had to make a website for a project. CSS was a nightmare, I had like 700+ lines of CSS code and it still isn't perfect. I thought having more control equals better, however for some reason, I had to constantly clear the browser cache in order to reload the websites and load the new styles.
Same fuckin thing...... Used to clear cache to load the website