Grid system

[vc_row css=”.vc_custom_1441214812604{margin-bottom: 20px !important;}”][vc_column][vc_custom_heading text=”GRID SYSTEM” font_container=”tag:h3|font_size:24px|text_align:left|color:%234b4e53″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1441214415551{margin-bottom: 50px !important;}”][vc_message color=”info” style=”square” message_hide_icon=”yes”]HASWELL theme use a grid system of Bootstrap. Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. Read more: http://getbootstrap.com/css/#grid[/vc_message][/vc_column][/vc_row][vc_row css=”.vc_custom_1438757573854{margin-bottom: 20px !important;}”][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][vc_column width=”1/12″][vc_column_text css=”.vc_custom_1438757037736{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

1

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1438757610019{margin-bottom: 20px !important;}”][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1438757535227{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

3

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1438757535227{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

3

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1438757535227{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

3

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1438757535227{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

3

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1438757892228{margin-bottom: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1438757750028{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

4

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1438757750028{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

4

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1438757750028{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

4

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1438758113668{margin-bottom: 20px !important;}”][vc_column width=”1/3″][vc_column_text css=”.vc_custom_1438757750028{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

4

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_column_text css=”.vc_custom_1438757934638{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

8

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1438758126491{margin-bottom: 20px !important;}”][vc_column width=”1/2″][vc_column_text css=”.vc_custom_1438758089416{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

6

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text css=”.vc_custom_1438758089416{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

6

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1438758146782{padding-top: 7px !important;padding-bottom: 7px !important;background-color: #eeeeee !important;}”]

12

[/vc_column_text][/vc_column][/vc_row]