Less mixins and variables.
Bootstrap gutter width 1170.
Variables determine the number of columns the gutter width and the media query point at which to begin floating columns.
In addition to prebuilt grid classes for fast layouts bootstrap includes less variables and mixins for quickly generating your own simple semantic layouts.
Each column has some horizontal padding called a gutter for controlling the space between them.
This is because the viewport width is in pixels and does not change with the font size.
With the responsive css file added the grid adapts to be 724px and 1170px wide depending on your viewport.
See how aspects of the bootstrap grid system work across multiple devices with a handy table.
Sachin verma jul 25 16 at 12 32.
Attached it says all gutters get width of 30px 15 on each side.
Use the class container for fixed width or container fluid for variable width.
While bootstrap uses ems or rems for defining most sizes pxs are used for grid breakpoints and container widths.
I see most sites designed in a container of 1200 with design canvas at 1170.
100 across all viewport and device sizes.
That makes design area 1140 940 and 720 according this.
I meant the container width 1170 container in bootstrap and my question is that is it necessary to limit the container to 1170 for a bootstrap grid to make a responsive design or can we have say a 16 column grid in 1440 container including gutter margin i hope it makes my question clear.
