What are the things you dislike in Bootstrap framework?

Bootstrap is by far the most popular CSS framework. Take a look at this poll to see how excited developers are for Bootstrap 4. But there are two sides to every coin. So, I would like to ask what are the things you dislike in Bootstrap framework?

Bootstrap has a great impact since its launch. For a long period (2-3 years after version 2 was released) it was my number 1 choice to bootstrap and style fast a project. It was like creating fast mockups not in sketch or photoshop but with real markup and css. For sure its usage introduces some issues:

too much extra markup
too many unwanted rules like buttons styling on focus, forms inputs height, navbar styling always makes me use !important to override stuff etc
the 12 cols grid has some issues
usage of less for its early releases was not a superb decision in my opinion

But you know what? It saved the day too many times. In fact since I am a web developer and not a pure designer, Bootstrap was the common language between me and the web designer for quite a few times. This made me feel safe because of some bad experiences before with web designers. We could discuss by taking some stuff for granted even for small things like grid's breakpoints which matter really a lot. Bootstrap made the communication better and easier. So all things mentioned above as problems are acceptable because of this.

For me the biggest issue Bootstrap has introduced is the fact that thousands of templates clones have been released during the last 3-4 years. This is very sad but so true. Many designers even today keep on reproducing the same recipe once again.

Huge companies have almost identical webpages because of this trend. For me this is what i dislike about Bootstrap most and it has to do with its great success. This is why i am rarely using it right now since i want to avoid this repetition of styling. What is the meaning of using Bootstrap if i have to override a huge part of it right? In fact i am using simpler grid solutions just for my markup's layout. I am really worried same thing will happen once again with material design. Am i wrong?

What's good about bootstrap: better documentation than Foundation, decent approach for the grid system.

What's bad: too many styles you hardly ever need. Ok for proof of concept, not so much for most projects;
No equal heights in their JS - foundation has this and it helps
Poor attitude towards requests and comments from "users".

Frankly, if I have a say in it, I just use the grid system and not even look the rest of it up.

Completely agree - Most of the experienced developers use Bootstrap just for the grids.

In my opinion Bootstrap is not a good choice for complex websites:

Bootstrap has many unused classes and elements
All form elements have bootstrap design (sometimes you don't really need it)
I saw many web designs (responsive & adaptive) and can not remember one of them that use 100% of bootstrap features....so, maybe you don't need it at all?
In my projects, I used more clear and lightweight frameworks (like KUBE or RESPONSIVA)

Here are a few things I dislike about Bootstrap framework :

In my opinion Bootstrap is not semantic and the presentation is not separate from content. This makes scalability and maintenance more challenging.
I use a framework to get started quickly. But in case of Bootstrap most of the times I end up overriding a lot of CSS rules to suit my needs. It would have been great if Bootstrap offered just the bare minimum CSS. Of course this is great for prototypes, but not very good for serious website development.
The SaSS support just came recently with Bootstrap 4. The previous versions should have been on SaSS, IMO.
You can say Bootstrap is a bit bloated if you consider the lines of code and file size. Apart from the file size the DOM produced by Bootstrap is also heavy. To fit your elements in simple grids you need to add a lot of markup, rows, columns etc.
No easy upgrade. I can't upgrade one of my Bootstrap 2 projects to newer versions because of lack of backward compatibility.

P.S. I still use Bootstrap for prototypes. For serious production apps I prefer vanilla CSS.

There are many!

Every component is overloaded with default styles. Customizing them to fit into your design is very difficult. The process starts with removing the unnecessary styles and then adding your own. Sometimes you'll have to use !important to get rid of default CSS properties.
12 Columns Grid System is not a perfect grid system. Even though they claim to vertically divide the screen into 12 equal columns, it doesn't make any sense when implemented for mobile screens. The content won't fit into these columns and hence they will stack on top of each other.
Forms and default height for input elements. Some input fields have height properties pre-defined. You'll go crazy when you have to increase padding.
Lack of communication from the Bootstrap team. Unlike other companies like Zurb Foundation, Bootstrap's creators are arrogant and have very poor communication skills. It maybe because of the extra undeserving fame they have got for their bloated framework.
And the list continues...

You can make your own version when you compile the source code. Bootstrap is made in SASS, which makes you able to do it just by changing variables to fit your needs. You can even change the number of grid columns.

I think the last point is absolutely true. I have never seen them responding to people.

Go here. Use col-xs-6 etc. to divvy up mobile view. You could also use the link above to change the number of columns, or even use LESS after the fact.

Thread

What are the things you dislike in Bootstrap framework?

Responses(6)

Recent threads

Search Hashnode

What are the things you dislike in Bootstrap framework?

Responses(6)

Recent threads