This is for my web design class I will rate thank you How ma

This is for my web design class, I will rate thank you.

How many columns does Bootstrap\'s grid system divide the viewport into and what happens to them when the viewport size changes? What are the three components of bootstraps grid system, and what are their functions?

Solution

A Boot strap grid system contains a reactive ,mobile initially fluid grid system which divides the view port into 12 columns and the size of the view port increases .it also contains a predefined classes for simple design and also powerful mixins to produce mcu semnatic design.

Components of bootstrap grid system

1.container: It is a normal <div> element. its main purpose is to clutch the rows and columns and to offer a correct width for the layout.

2.Rows:It behaves as a wrapper through the columns. there is no limit for the amount of rows .it repeals the padding set through the container by a margin value of 15 pixels on left and right sides.

3.columns:it utilizes the discrete column prefixes to the discrete sized equipments. some of the prefixes are as

class prefix Device size

1) .col-xs- <786pixels

2) .cod-md- 992pixels to 1199pixels