loading...

Bootstrap vs Bulma - The Framework War

the_ibrahim_ profile image Ibrahim Shahid Memon ・2 min read

In the past, everyone was using css framework.Mycode is readable and clean.I usually use a lot of comment in my code and easy to remember classes.


I got one one month of internship in front-end .uk design company,the company used bootstrapas their main driver.Bootstrap is a bad classes.It was really difficult to learn.I was really confused by using bootstrap.I was merging the html and css together.It applys styling as default.I have completed the internship one month with bootstrap.I can never going to use bootstrap again.


Bootstrap is a bad framework for me.Some of this I didn,t like in bootstrap

  • Bad classes
  • Difficult to learn - Disorganized structure
  • CSS + JS JQUERY - Default styling - Large file size

I am never going to learning any case framework because of my bad experienced with bootstrap.
My ui designer friend advices me to discover some other options available

  • BULMA
  • SKELETONCSS
  • MILLIGRAM
  • TAILWIND CSS

milligram

Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code

tailwindCSS

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

skeleton

You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started..


I was shocked by bulma. I was learning every framework but bulma is a very easy frame work for me and I leaned bulma for twenty minutes.
Bulma file size is 2kb compare to it bootstrap the large file size. Bulma make your webpage your own design. bulma contain very easy classes compare bootstrap your webpage automatic styled. Bootstrap applys styling to HTML elements as default e.g your code is up and li bootstrap automatic styled up and li bulma is pure css
frame work and bootstrap is css JavaScript and jquery. If you wanna your webpage is quick load bulma is good. I am using bulma only for grid bulma is a responsive framework . I advice you to try bulma once a life time.


I am kind a active twitter :www.Twitter. com/the_Ibrahim_ github: www.github.com/theibrahim

Discussion

pic
Editor guide