Component: base layout

The base layout component provides markup for iOS/Android style headers and footers. Adding headers and footers is as simple as adding specific markup.

Adding a title bar

Add header markup as a direct descendant of a .cl-page:

<div class="cl-bar-title"></div>

Adding a footer

Add a footer as a direct descendant of a .cl-page:

<div class="cl-bar-footer"></div>

Adding another bar

Add a bar as direct descendant of .cl-content:

<div class="cl-bar"></div>
Bell 20:49 3G
20:49
Demo index
Base layout