Grid
Column Stacking
GridColumns support different device widths, these can be supported via Parameters with responsive suffixes (Sm, Md, Lg, Xl). Try adjusting your browser's width to see different layout changes.
Xs-12, Sm-6, Md-3
Xs-12, Sm-6, Md-3
Xs- 12, Sm-12, Md-3
Xs- 12, Sm-12, Md-3
<GridRow>
<GridColumn Col="Col.Twelve" ColSm="Col.Six" ColMd="Col.Three">
<span>Xs-12, Sm-6, Md-3</span>
</GridColumn>
<GridColumn Col="Col.Twelve" ColSm="Col.Six" ColMd="Col.Three">
<span>Xs-12, Sm-6, Md-3</span>
</GridColumn>
<GridColumn Col="Col.Twelve" ColSm="Col.Twelve" ColMd="Col.Three">
<span>Xs- 12, Sm-12, Md-3</span>
</GridColumn>
<GridColumn Col="Col.Twelve" ColSm="Col.Twelve" ColMd="Col.Three">
<span>Xs- 12, Sm-12, Md-3</span>
</GridColumn>
</GridRow>