What is a Grid?

What is a Grid?

A grid is a two-dimensional framework in graphic design that is made up of a series of intersecting straight (vertical, horizontal) lines. In print design, it's commonly utilised to create layout and content organisation. It is a very effective way for creating a consistent layout quickly and effectively utilising HTML and CSS in web design.

Grids in web design, to put it simply, organise and structure content, make webpages easier to scan, and minimise the cognitive strain on users.

<div class="container"> <div class="row"> <div class="col-4 blue"> Knowledge 2life col_1 </div> <div class="col-4 pink"> Knowledge 2life col_2 </div> <div class="col-4 green"> Knowledge 2life col_3 </div> </div> </div>

OUTPUT :

grid

What is Bootstrap Grid System?

A grid is a two-dimensional structure made up of a series of intersecting straight (vertical, horizontal) lines used to structure material in graphic design. In print design, it's commonly utilised to create layout and content organisation. It is a very effective way for creating a consistent layout quickly and effectively utilising HTML and CSS in web design.

Grids in web design, to put it simply, organise and structure content, make webpages easier to scan, and minimise the cognitive strain on users.

Mobile First Strategy

  • Content Figure out what's most important.
  • Layout Begin by designing for lower widths.
    Mobile devices are addressed first by base CSS; tablets and PCs are addressed via media queries.