Blocks

[garhbod]

Like .col- classes but use media queries or widths of the containing element.

If an element had the following classes

<div class="block-xs-12 block-sm-4" >

and it's containing element had a pixel width of less than 480px(or whatever you set for the col-xs- media query) it would apply a .col-xs-12 and remove all other .col- classes.

But if it's containing element had a pixel width greater than 480px it would apply .col-xs-4 and remove all other .col- classes.