The Case for Bootstrap

Derry Birkett
Feb 15, 2016 · 2 min read

Frequently I hear the case for not using Bootstrap when developing a responsive website because it’s “too heavy”. And the proposing developer recommends using an obscure grid framework that weighs less than 1k in its place.

I love levity and brevity as much as the next designer, but I also feel like stepping into the breach here to defend the intelligent architecture and practicality of the bootstrap framework.

First of all, Bootstrap is not heavy. You cannot compare a 1k grid framework (helium.css?) with a fully loaded bootstrap, which I often think is the mistake: Bootstrap has been intelligently engineered, if you only want the grid, then comment out all the other items you don’t need, and they won’t be compiled. The bootstrap grid is not the holy grail, but it’s totally fine for 95% of the sites you usually build.

Secondly, in practice, what often happens is intelligent developers who use helium.css are then requested to put in some tabs into the website. So, dutifully, said developer scours google for the lightest tab component they can find and paste it into their developing framework.

I think you can see where I am going. This “lightweight” website slowly starts to gain weight as we paste component code from various locations into our framework: Common components such as Tabs, Accordions, Modal Overlays, even Forms & buttons are then “cherry-picked” from various places for their weight and added to Frankstein’s library.

What we end up with is a poor-mans bootstrap whose dislocated parts can not intelligently share syntax internally (therefore requiring more code), and offer a confusing polyglot class syntax externally (a nightmare to document and maintain).

Thirdly, Bootstrap has a dedicated community (the largest on Github) dedicated to its maintenance: ensuring cross-browser compatibility, and providing regular updates and improvements.

Fourthly, the “all bootstrap sites look the same” argument is a non-sequitur: Bootstrap offers complete flexibility in its layout and “Look & Feel”. Oftentimes developers use bootstrap — without a designer — with the standard settings, possibly changing some colours. Some lazy designers also use bootstrap defaults.

So, let’s big it up for Mark Otto and fat (bootstrap authors) who have made awesome and shared freely a fantastic framework for facilitating MVPs (and more) everywhere.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store