Tom’s Two Cents: Twitter Bootstrap vs. BEM

March 20, 2014

Blog | Technology | Tom’s Two Cents: Twitter Bootstrap vs. BEM
Tom’s Two Cents: Twitter Bootstrap vs. BEM

Twitter Bootstrap is a useful development framework that’s easy to implement, but it can be a tricky to modify if necessary.  Bootstrap uses a lot of tags and general names in their CSS and there are times when you’ll have to overwrite them, creating extra work.

For example, when we were working with Twitter Bootstrap, we needed to overwrite list margin styles because Bootstrap adds them by default. 

Another option is BEM syntax. BEM syntax is a methodology which helps to greatly reduce CSS specificity issues. BEM syntax is user-friendly because you can target anything you want and almost never have to worry about overwriting styles.

Check out Joshua Gross’ post about Twitter Bootstrap and Harry Roberts’ post about BEM syntax to find which would work best for you.

Tom Deluca, Front-End Developer, GeekHive

Tom DeLuca

Developer
Tags
  • BEM
  • Twitter Bootstrap

Recent Work

Check out what else we've been working on