Could you please tell me what a subgrid is and why I would use it?

TKS

Hi Greg,

A subgrid is just that. It allows you to have more positioning control with in the main grid.

A container allows you to group elements together and control the positioning, like for example, centering them within your layout. By applying boundaries, a width limit, to the container you can, for example, have a row with a different background that extends the full width of the screen while constraining the content elements to a certain size. Containers can be used in many ways .

A subgrid element is a group of containers where you can add rows and columns within an existing column. Using a subgrid allows for more responsive flexibility at smaller screen sizes. Once you position the subgrid you can add content elements to the subgrid columns and set the span width to accommodate for the different display sizes.

Read More Here
http://www.coffeecup.com/help/articles/ … -elements/

Thanks Mansour... was typing from my phone lol... didn't want to type that much detail. Great Explanation.

We all trying to help each other here Steve

Lots of users seem confusing this, In simple language I always say It's a div inside another div in container case.

And for subgrid it's multi divs inside another div and used for element or group of elements to control their positioning.


If you have done hand coding, following code very easy to understand.

============================================
container
============================================
<div class="row">
<div class=" column">
<div class=" container"></div>
</div>
</div>

============================================
subgrid
============================================

<div class="row">
<div class="column">
<div class="subgrid">
<div class="row">
<div class="subgrid"></div>
</div>
<div class="row">
<div class="subgrid"></div>
<div class="subgrid"></div>
</div>
</div>
</div>
</div>

Thank you Mansour.