Universal Theme uses a 12-column flexible grid for arranging page components and is based on the Bootstrap grid system.

View Layout Columns

Click the Toggle Layout Columns button to overlay the grid behind this page.

Column Modifier Classes

You can fine tune the responsive behavior of the components on your page by modifying the Column CSS Classes property of your regions.

<480px <640px <768px ≥768px ≥992px ≥1200px
Class prefix .col-xxs- .col-xss- .col-xs- .col-sm- .col-md- .col-lg-