Web Oriented Object Framework

User Guide (Version 0.5b4)

User Guide (Version 0.5b4)

Responsive section layout

The most immediate impact of enabling responsive web pages is related to how the page sections are layed out. In a non-responsive page, page sections are layed out as described in Default page layout - the header and footer occupying the full screen width at the top and bottom, and the sidebar, main and supplement sections positioned as columns between them.

In a responsive page, this layout is changed as follows.

In addition to changing the positioning, you may also want to hide content or show different content in a responsive page. This is discussed in the next section.