Class

Description

sm-full-width

Set the element's width to the width of the window in small devices

sm-width-auto

Set the element's width value to auto in small devices

sm-width10

Set the element's width to 10px for small devices. Available values are: 10, 20, 30, 40, 50, 60, 70, 80, 100, 120, 140, 160, 180, 200, 250, 300 and 350

sm-height-auto

Set the element's height value to auto in small devices

sm-height5

Set the element's height to 5px for small devices. Available values are: 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 70, 80, 90, 100, 120, 140, 160, 180, 200, 250, 300, 350, 400, 450, 500, 550, 600, 700, 800, 900 and 1000

sm-fs-8

Set the element's font size to 8px for small devices. Available values are: 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 34 and 36

column

Used for small devices to get responsive design. It displays element as a block with 100% width

column-center

Same use as for the column class but it makes centered element

hide-small

Hide element in small devices. Use display none.

show-small

Show element in small devices. Use display block

show-small-inline

Show element in small devices. Use display inline-block instead of block.