Summary
The layout pattern defines how a page looks like. There are three layout types. The first layout is a fluid
layout. The fluid layout is set by default. The second layout is a fixed layout. The fixed layout sets the width
of the content to a fixed width. Third there is a hybrid layout, it's a layout where the top bar acts as a fluid
layout but the content has a fixed width.
There are no attributes defined for this pattern.
| Name |
Description |
zui-page-fixed |
When the zui-page-fixed class is set to the body element, the page gets a fixed layout.
|
zui-page-hybrid |
When the zui-page-hybrid class is set to the body element, the page gets a hybrid layout.
|
There are no events defined for this pattern.
There are no methods defined for this pattern.
There are no functions defined for this pattern.
There are no mixins defined for this pattern.
There are no variables defined for this pattern.
Example
Markup
<body class="zui-page-fixed">
</body>
<body class="zui-page-hybrid">
</body>
