As of Tiki 13 (and further developed in subsequent releases) Tiki offers a "layout template" choice. Configured on the Look and Feel admin page, this option switches the overall page layout template to enable a page-top fixed navbar or standard scrolling navbar, classic Tiki div arrangement, different default widths for side columns, and so on.

Tiki default available choices

*These directories are in tikiroot/templates/layouts/.

Comparison of layouts

For reference, a typical simple Bootstrap layout (this is not a Tiki layout)

Standard Bootstrap

This is a simple diagram of Tiki's "Standard Bootstrap" layout:

There appears to be some redundancy with the "top modules" zone and "topbar modules" zone, but having two areas for page header content reflects a Tiki legacy design preference. Site admins can use either of these or both (or neither) in various ways. A typical approach is to put the site logo and/or title in the "top" zone, along with a banner or other content, and use the "topbar" zone for a navbar (horizontal menu) and search form, for example.

Classic Tiki with shadows TODO

Diagrams of the other layout templates will be posted here soon. They are similar to these diagrams but with fixed page-header navbars or other variations.

Fixed_top_modules TODO

Diagrams of the other layout templates will be posted here soon. They are similar to these diagrams but with fixed page-header navbars or other variations.

3 separate header, middle, footer containers

Here is the "3 separate header, middle, footer containers" layout:

The complexity of this layout originated with the FiveAlive theme, which has liquid, full-width page-header and footer backgrounds, but fixed-width (Bootstrap .container div width) content areas in the page header, middle, and footer.

3 separate header, middle, footer containers with 3-6-3 columns

This is the same as above, except the middle columns span 3-6-3 instead of 2-8-2. So, there is more room on the side modules columns and less in the middle.

Social networking style TODO

Diagrams of the other layout templates will be posted here soon. They are similar to these diagrams but with fixed page-header navbars or other variations.

Make your own layout

A custom or site-specific layout template can be made and used if desired. In this case, make a new directory in templates/layouts/ and be sure to have both a layout_edit.tpl and layout_view.tpl in the directory.