## Demo 12 Column Fluid Grid usage

This demo page helps you to visually see behaviour of each class for the Grid System.
It is intended to Help Module Developers having easier life aligning different columns in their Module interface. Additionaly to classes used in this demo there are also different margins and paddings available (for example m_top_5 = margin top 5 pixel).

- m_top_5
- m_top_10
- m_top_15
- m_top_25
- m_top_30
- m_top_35
- m_top_45
- m_top_60
- m_top_90
- m_top_120

- m_bottom_5
- m_bottom_10
- m_bottom_15
- m_bottom_25
- m_bottom_30
- m_bottom_35
- m_bottom_45
- m_bottom_60
- m_bottom_90
- m_bottom_120

- p_top_5
- p_top_10
- p_top_15
- p_top_25
- p_top_30
- p_top_35
- p_top_45
- p_top_60
- p_top_90
- p_top_120
- p_top_130

- p_bottom_5
- p_bottom_10
- p_bottom_15
- p_bottom_25
- p_bottom_30
- p_bottom_35
- p_bottom_45
- p_bottom_60
- p_bottom_90
- p_bottom_120
- p_bottom_130

12 grid

1 grid

11 grid

2 grid

10 grid

3 grid

9 grid

4 grid

8 grid

5 grid

7 grid

6 grid

6 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid

1 grid