Should You Use Bootstrap?
Вставка
- Опубліковано 19 чер 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
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 UA-cam. Keep the lessons comg. Cheers
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.
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!
Thank you! I’ve watched so many videos about Bootstrap, but you’ve explained it better in 3 minutes then a 20 minute video
Just discovered your channel and I am impressed! Perfectly explained and to the point. Keep up the great work!
This is very clear and useful. It confirms my thinking and adds extra detail I hadn't considered. Thank you
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.
Beautifully explained. Thank you. Definitely subscribed.
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.
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!
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.
This is exactly what I was looking for. Thank you Kyle.
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
Thanks for simplifying you saved our time and clear our confusion
You have really spoken, much appreciated my man
Thanks a lot!! Exactly what I needed! Kudos!
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?
Really clarifying! Thank you!
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 for clearing this up for me :). I'm more of a front end dev, so I'll just continue with vanilla css
Great explanation man, thanks, you save hours of training with bootstrap
Thank you. Very well explained. As always.
Thanks a lot bro. This explanation really broke things down.
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.
Thanks, that was easy to understand & informative.
thank you so much, your explanation method is great, respect.
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
Thanks a lot man, this is really what I needed
Helped a Lot. Thank You!
Another top-shelf video kid! Keep up the great work :)
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
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?
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.
Thank you very much, you clear me a lot!
Really nice judgement bro. Thanks
Thanks for claryfying bro, great vid
Very nicely put. Thank you.
Thanks . Loved the explanation.
4:48
This vid game me a lot of realization thank you so much
Great, practical analysis, thanks.
Very helpful video, thank you!
Thanks for this good advice!
Thanks man just what i was looking for ....
You taught me much!!- I use Jquery/Java/Python/sql and Jquery doesn’t mix well with PHP!!- a killer to decipher!!
I fell in love with bootstrap, scss and jquery
Your video is very very great, thanks for the information
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
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
100% agree! I always felt like CSS frameworks were over-used.
Thanks good and simple explanation.
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.
I needed to hear this.
To the point! subscribed
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
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.
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.
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
Hey kyle, please create tutorial login multi role & permissions using nodejs, express and mongodb 👋
Thanks for clearing my doubts through email and this video especially....really like your videos🔥🔥👍
So good reasoning. Thanks.
finally an answer. Thanks man
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
That was very helpful
"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
Great explanation 👏👏👏
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
Nicely explained 👌🏻👌🏻
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.
OK, now you made me change my mind about learning bootstrap .. :D
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.
Nice summary.
Totally agree with your opinion.
Thx man, personally i love logic rather than make my website looks so beautiful, that why i learn php, but everytime i try to make a website i struggling hard with css. Maybe i should try bootstrap
It is just another option to add and by no means and end all.. What you said at 2:15 I am gonna disagree there where who doesn't want a really nice looking front end? That is the whole purpose for Bootstrap while not spending a lot of time on front end.
The eyes and hair colors are a great bootstrap function
Great advice.
Im new to learn ReactJs and i little bit confuse about styling there. Should i use bootstrap for the styling? or what people usually use for styling with React? thanks
Dang I love this channel!
If your a front end developer, use vanilla css. If your a full stack developer, use bootstrap css
Thank you so much Kyle. I used to use bootstrap before my I was goot at vanilla JS but lately I've been building small components like the carousel, responsive nav using vanilla JS and CSS, and I can tell you, I don't think I need it any more. For my friends that love bootstrap I'd suggest you learn vanilla JS to it's roots. You won't need bootstrap anymore.
Do u have any bookmarked vanilla js? Please share . Thanks!
share please
What I needed to hear from somebody else. Also, I am the latest subscriber..
hi kyle, what's your favorite css framwork? and why?. me personally i love tailwind. i've used mui and bootstrap, but tailwind works for me.
Thank you!
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..so much..* 🙏
I'm a front end noob thrown into the deep side. I'm going to have to use organizational icons, colors, etc. (I think) for a mobile app but I'm working with ICT (who is hosting) and they recommend Bootstrap in a .NET environment. My CSS is so-so and we have a tough deadline. What do you recommend? Thanks for the video.
thank you so much sir
dude thank you!
Kyle your hair is amazing great cam quality.