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.

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
Class prefix .col-xs- .col-sm- .col-md- .col-lg-