Bootstrap 4 – Grid Only

Update (23 Mar 2017): I recompiled it with Bootstrap v4.0.0-alpha.6.

This situation happens to me all the time. I’m working on a client web site, making updates or content changes, but the site is not responsive and/or wasn’t built with any sort of CSS framework. I also encounter this problem when trying to throw together pages for the WordPress admin. I could do the work manually, but I’ve become spoiled by grids. Bootstrap happens to be my favorite.

If I include the regular Bootstrap distribution, I have the problem of it changing style and typography. That won’t work. I could use a different, grid-only framework, but I have become used to Bootstrap conventions.

To solve this problem, I simply compile the Bootstrap SASS files, including only the grid and responsive utilities modules. To avoid potential conflicts with other CSS, I use a wrapper (in this case, .bootstrap-wrapper). Now, I can simply include the CSS file in the project and use the syntax that I am so accustomed to.

You can download the Bootstrap grid-only CSS file on GitHub: bootstrap-grid.css

Leave a Reply

Your email address will not be published. * Denotes required field.
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Tip: Do you want an image (avatar) next to your posts? Sign up for a free Gravatar account. It only takes 5 minutes - simply click the "Create Your Own Gravatar" button, provide your e-mail address and upload a photo to associate with it.