Bootstrap 4 grid for high resolution screen (big/large)
Branch: master
Clone or download
Latest commit b31008f May 27, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
CHANGELOG.md Update CHANGELOG.md May 27, 2018
LICENSE Initial commit May 22, 2018
README.md Update README.md May 27, 2018
bootstrap-largegrid.css Modify header May 23, 2018
bootstrap-largegrid.min.css Modify header May 23, 2018
largegrid-tiers.sass Create largegrid-tiers.sass May 27, 2018

README.md

bootstrap-largegrid

Bootstrap 4 CSS Grid addition for big and retina screens coverage and SASS tiers grid file.

HD+ ≥1600px Full HD 1080p ≥1920px Retina 1440p ≥2560px 15" Retina ≥2880px UHD ≥3840px 4K ≥4096px 8K ≥8192px
Grid behavior Collapsed to start, horizontal above breakpoints
Class prefix .col-xga- .col-fhd- .col-rt- .col-rt15- .col-uhd- .col-4k- .col-8k-
# of columns 12
Gutter width 30px (15px on each side of a column)
Nestable Yes
Offsets Yes
Column ordering Yes

Extends Bootstrap v4 by:

  • Adding col-xga (1600+), col-fhd (1920+), col-rt (2560+), col-rt15 (2880+), col-uhd (3840+), col-4k (4096+), col-8k (8192+) classes with all related options: order, offser
  • Adding options none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex for all three
  • Adding options flex-, justify-content-, align-items-, align-content-, align-self* for all three

Installation

Basic

Simply include bootstrap-largegrid.min.css file in header, after bootstrap.min.css and before your own CSS styles.

Other

  • MIT license, so use, modify and improve as you wish
  • Fork & Pull requests are welcome
  • Will be glad to hear about projects you have used this on
  • Enjoy