Column Control
Available on any page, this displays other components next to each other in responsive columns.
The columns are based off the Bootstrap grid. The breakpoint of when columns become stacked can be chosen in the component dialog. The options are: small (768px), medium (992px), and large (1200px). For most uses, the small or medium breakpoint is recommended.
Column Control with 4 equal width columns using the medium (992px) breakpoint.
Curabitur at lacus ac velit ornare lobortis. Curabitur turpis. Sed hendrerit. Vestibulum ullamcorper mauris at ligula. Maecenas nec odio et ante tincidunt tempus.
Phasellus dolor. Donec id justo. Nullam vel sem. Pellentesque ut neque. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.
Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Phasellus ullamcorper ipsum rutrum nunc. In ac felis quis tortor malesuada pretium. In ac felis quis tortor malesuada pretium. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
Aenean vulputate eleifend tellus. Phasellus a est. Praesent nec nisl a purus blandit viverra. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Suspendisse eu ligula.
Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Sed hendrerit. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Ut non enim eleifend felis pretium feugiat. Fusce egestas elit eget lorem.
In turpis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Nullam sagittis. Duis lobortis massa imperdiet quam. Curabitur vestibulum aliquam leo.
Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Aliquam lobortis. Cras non dolor. Phasellus gravida semper nisi. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Ut a nisl id ante tempus hendrerit. Praesent nonummy mi in odio. Aenean massa. Phasellus blandit leo ut odio. Morbi ac felis.
Column Control with 3 equal width columns using the large (1200px) breakpoint.
Curabitur at lacus ac velit ornare lobortis. Curabitur turpis. Sed hendrerit. Vestibulum ullamcorper mauris at ligula. Maecenas nec odio et ante tincidunt tempus.
Phasellus dolor. Donec id justo. Nullam vel sem. Pellentesque ut neque. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.
Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Phasellus ullamcorper ipsum rutrum nunc. In ac felis quis tortor malesuada pretium. In ac felis quis tortor malesuada pretium. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
Aenean vulputate eleifend tellus. Phasellus a est. Praesent nec nisl a purus blandit viverra. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Suspendisse eu ligula.
Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Sed hendrerit. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Ut non enim eleifend felis pretium feugiat. Fusce egestas elit eget lorem.
In turpis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Nullam sagittis. Duis lobortis massa imperdiet quam. Curabitur vestibulum aliquam leo.
Column Control with 2 40/60 width columns using the small (768px) breakpoint.
The other options for 2 columns are 60/40, 75/25, 25/75, 33/66, 66/33, or 2 equal (50/50) width columns.
Curabitur at lacus ac velit ornare lobortis. Curabitur turpis. Sed hendrerit. Vestibulum ullamcorper mauris at ligula. Maecenas nec odio et ante tincidunt tempus.
Phasellus dolor. Donec id justo. Nullam vel sem. Pellentesque ut neque. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.
Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Phasellus ullamcorper ipsum rutrum nunc. In ac felis quis tortor malesuada pretium. In ac felis quis tortor malesuada pretium. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
Aenean vulputate eleifend tellus. Phasellus a est. Praesent nec nisl a purus blandit viverra. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Suspendisse eu ligula.