Liferay 6.2 User Interface Development

Responsive layout templates

A responsive layout template is a layout template that rearranges its columns automatically in response to the detected width of the browser window.

Why is a responsive layout template necessary? Nowadays, a user may use a browser in any of the following devices to access our site:

• An iPad in landscape mode or a desktop computer whose browser window can be equal to or more than 960 pixels wide
• An iPad in portrait mode whose browser window can be equal to or less than 720 pixels wide
• A smart phone in landscape mode whose browser window is 480 pixels wide
• A smart phone in portrait mode whose browser window is 320 pixels wide

Whether our user is using a desktop, tablet, or a smart phone, we must make sure that the content in ...