• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

Standalone Bootstrap 3 Grid System

Front End Development · August 3, 2015

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.

Dwayne

Leave a Reply Cancel reply

1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Dan
Dan
7 years ago

I’m one of those devs who leans towards the latter camp. In terms of grid systems – I think Susy (http://susy.oddbird.net/) is a great example of an opinionless layout framework. Opinionless in the sense that it doesn’t come bloated with styles, components etc..

0

Primary Sidebar

Popular

  • I Joined Truth Social Using a VPN and Editing Some HTML to Bypass the Phone Verification
  • Testing Event Listeners In Jest (Without Using A Library)
  • Thoughts on the Flipper Zero
  • How To Get The Hash of A File In Node.js
  • Waiting for an Element to Exist With JavaScript
  • Handling Errors with the Fetch API
  • How To Get Last 4 Digits of A Credit Card Number in Javascript
  • How To Paginate An Array In Javascript
  • Wild Natural Deodorant Review
  • How To Install Eufy Security Cameras Without Drilling or Using Screws

Recent Comments

  • CJ on Microsoft Modern Wireless Headset Review
  • Dwayne on Microsoft Modern Wireless Headset Review
  • CJ on Microsoft Modern Wireless Headset Review
  • john on Microsoft Modern Wireless Headset Review
  • Dwayne on Why You Should Be Using globalThis Instead of Window In Your Javascript Code

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz