Updated for Bootstrap 3.3.7

.gitignore

@@ -1,4 +1,2 @@
 node_modules/
-bower_components/
-.idea/
-*.iml
+*.lock

README.md

@@ -1,68 +1,77 @@
 Bootstrap Big Grid
 ==================
-
 A set of larger grid options for Bootstrap.
 
 Documentation and Tests
-=======================
+-----------------------
 http://benwhitehead.github.io/bootstrap-big-grid/
 
 Motivation
-==========
-Bootstraps Grid only provides a grid up to 1200px wide, this project provides more grids for common higher resolutions all the way up to 8K.
+----------
+Bootstrap's grid only provides a grid up to 1200px wide, this project provides more grids for common higher resolutions all the way up to 8K.
+
+Changelog
+---------
+03/01/2020 Updated for Bootstrap 4.4.1
+* Changed from LESS to SCSS
+* Removed Bower in favour of Yarn
+* Extended Bootstrap classes for responsive tables, dropdown menus, horizontal list groups, navbar, display, flexbox, float, spacing, and text alignment.
+* Updated Usage and Classes info in Readme file
+
+02/01/2020 Updated for Bootstrap 3.4.1; this version now lives in its own branch in case of future Bootstrap 3 updates.
+
+09/10/2017 Updated grid class names and sizes for a more even spread of breakpoints at higher resolutions and to ensure class compatibility with Bootstrap 4.
+* `col-xlg-*`: renamed to `col-hd-*`
+* `col-uhd-*`: renamed to `col-4k-*`
+* `col-4k-*`: renamed to `col-5k-*`, changed breakpoint from 4096px to 5120px
+* `col-8k-*`: changed breakpoint from 8192px to 7680px
+
+28/07/2017 Updated for Bootstrap 3.3.7
 
 Usage
-=====
-The easiest way to use Bootstrap Big Grid is with Bower
+-----
+The easiest way to use Bootstrap Big Grid is with Yarn.
 ```bash
-bower install --save bootstrap-big-grid
+yarn add https://github.com/thedutchess/bootstrap-big-grid
 ```
 
-Alternatively download a [release](https://github.com/BenWhitehead/bootstrap-big-grid/releases) and use the css files in the dist directory.
+Alternatively download a [release](https://github.com/thedutchess/bootstrap-big-grid/releases) and use the CSS files in the dist directory.
 
-Then link it into your page after the main bootstrap css
+Then link it into your page after the main Bootstrap CSS:
 
 ```html
-<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
-<link rel="stylesheet" href="bower_components/bootstrap-big-grid/dist/css/bootstrap-big-grid.min.css"/>
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+<link rel="stylesheet" href="node_modules/bootstrap-big-grid/dist/css/bootstrap-big-grid.min.css"/>
 ```
 
-New Classes
-===========
-
-### New Grid Classes
-`.col-xlg-`    : 1366 x 768  
-`.col-fhd-`   : 1920 x 1080  
-`.col-rt-`   : 2560 x 1440  
-`.col-rt15-`  : 2880 x 1800  
-`.col-uhd-`     : 3840 × 2160  
-`.col-4k-`      : 4096 x 2304  
-`.col-8k-`      : 8192 x 4608  
-
-### New Responsive Utilities Classes
-`.visible-xlg`  
-`.visible-fhd`  
-`.visible-rt`  
-`.visible-rt15`  
-`.visible-uhd`  
-`.visible-4k`  
-`.visible-8k`  
-
-`.hidden-xlg`  
-`.hidden-fhd`  
-`.hidden-rt`  
-`.hidden-rt15`  
-`.hidden-uhd`  
-`.hidden-4k`  
-`.hidden-8k`  
+Classes
+-------
 
-Project Status
-==============
+### Grid Classes
+| Class        | Resolution  |
+| :------------|:------------|
+| `col-hd-*`   | 1366 × 768  |
+| `col-fhd-*`  | 1920 × 1080 |
+| `col-rt-*`   | 2560 × 1600 |
+| `col-rt15-*` | 2880 × 1800 |
+| `col-4k-*`   | 3840 × 2160 |
+| `col-5k-*`   | 5120 × 2880 |
+| `col-8k-*`   | 7680 × 4320 |
 
-Unfortunately I no longer work on UI projects and as such I don't have the time required to keep this project always up to date with the latest version of bootstrap.  If you would like to submit a PR i'd be happy to merge it as long as it doesn't break existing functionality. Or, if you'd like feel free to fork the repo and start making improvments.
+### Responsive Classes
+The default Bootstrap classes for the responsive behaviour of various components and utilities have been extended for the Big Grid, please refer to the relevant Bootstrap documentation (linked below) for usage. To use these classes on higher resolutions, replace `{-sm|-md|-lg|-xl}` with `{-hd|-fhd|-rt|-rt15|-4k|-5k|-8k}`.
+* [Table](https://getbootstrap.com/docs/4.4/content/tables/#responsive-tables)
+* [Dropdown menu](https://getbootstrap.com/docs/4.4/components/dropdowns/#responsive-alignment)
+* [Horizontal list group](https://getbootstrap.com/docs/4.4/components/list-group/#horizontal)
+* [Navbar](https://getbootstrap.com/docs/4.4/components/navbar/#responsive-behaviors)
+* [Display](https://getbootstrap.com/docs/4.4/utilities/display/#notation)
+* [Flexbox](https://getbootstrap.com/docs/4.4/utilities/flex/)
+* [Float](https://getbootstrap.com/docs/4.4/utilities/float/#responsive)
+* [Spacing](https://getbootstrap.com/docs/4.4/utilities/spacing/#notation)
+* [Text alignment](https://getbootstrap.com/docs/4.4/utilities/text/#text-alignment)
 
-Thanks for your understanding.
+Note: The `hidden-*` and `visible-*` classes no longer exist in Bootstrap 4. If you want to hide an element on specific tiers or breakpoints, use the `d-*` classes accordingly.
 
 Copyright and License
-=====================
+---------------------
 Copyright 2013-2014 Ben Whitehead under the Apache 2.0 license.