Skip to content
This repository has been archived by the owner on Jul 6, 2019. It is now read-only.

BenWhitehead/bootstrap-big-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Usage

The easiest way to use Bootstrap Big Grid is with Bower

bower install --save bootstrap-big-grid

Alternatively download a release and use the css files in the dist directory.

Then link it into your page after the main bootstrap css

<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"/>

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

Project Status

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.

Thanks for your understanding.

Copyright and License

Copyright 2013-2014 Ben Whitehead under the Apache 2.0 license.