Rows are horizontal containers spanning the width of the site's content area (fixed setting) or the entire screen area (fluid setting). Rows can be styled individually so that each row may look unique in terms of design.Columns are vertical containers that are nested inside a row. The width of each individual column can be easily adjusted by simply dragging it from side to side (use the dotted line that surrounds the column when you hover your mouse over it). A column can be split multiple times (up to 12) and modules and content can then be added to each column.
By combining rows and columns, designers can achieve a dynamic and diverse design on each page of a site.
3: Text module
4: Button module
The illustration shows how combining 'fluid' and 'fixed' behavior for rows can achieve a dynamic page design.
1. The top row containing the menu has a fluid setting and therefore spans the entire browser window
2. The intro text row is set to fixed
3. The image row is fixed
4. The row containing 4 columns with texts are set to be 'fluid' and therefore span the entire width of the browser window