Standalone Bootstrap 3 Grid System

Front End Development

Lets be honest. There are developers who love all of the additional styling for forms, typography and widgets that come with Bootstrap and there are those who absolutely despise everything Bootstrap has and stands for, with exception (for most) the great grid system.

Recently I wanted to use the Bootstrap grid system but without having to use Bootstrap itself. While Bootstrap does offer the ability to customise your download, if you are like me and you use JSPM or Bower for managing stuff like this or you use Git sub-modules, then including just a stylesheet file into your project isn’t the most ideal approach.

Fortunately, someone has done the work for us and created a standalone version of the Bootstrap Grid System. You can read all about the bootstrap-grid package here on NPM. Really there is nothing to it other than a standalone CSS file.

Bower

You can get it from Bower by typing: bower install bootstrap-grid --save

NPM

You can get it from NPM by typing: npm install bootstrap-grid --save

There are plenty of other ways to get just the Bootstrap Grid System, but if you are like me and you always choose the quickest and best solution (no point reinventing the wheel, right?) then the bootstrap-grid package has been helpful to me.

Naming Things In CSS Is Really Hard

I love front-end development, but there is one thing about it that I do not particularly like: naming things. Using ID’s and classes on HTML …

Bootstrap CSS Breakpoint Sizes

I work with Bootstrap for its grid system from time to time. I sometimes need to add in custom styling using Bootstrap breakpoint sizes and the …

CSS In JS: It's a Trap!

We have all been conditioned and trained to decouple our styling from the DOM. Thanks to stylesheets we can separate our CSS from our HTML and all is …

CSS ":parent" Selector

As great as CSS is, there is one thing that it lacks and that is a parent selector. The supposed reason for its nonexistence is performance concerns. …