NAVIGATION
This is an old revision of the document!
This makes it possible to show or hide code in dependance of having content or not. If no content no code is generated
This way our source code remains clean an will not be “polluted” by any empty and unneccessary stuff.
to make it happen, there are some BasicWrapper
An example by Oliver: Forum
<header> <nav>{NAV_LIST_UL:BP}</nav> [HEADER] <section class="header-content">{HEADER}</section> [/HEADER] </header> <div class"main[LEFT] has-marginal-left[/LEFT][RIGHT] has-marginal-right[/RIGHT]"> [LEFT] <section class="col-left">{LEFT}</section> [/LEFT] <article> {CONTENT} </article> [RIGHT] <section class="col-left">{RIGHT}</section> [/RIGHT] </div> <footer> <p>© 2015 Whatever</p> [FOOTER] <section class="footer-content">{FOOTER}</section> [/FOOTER] </footer>
simple
[BLOCK]<tag>{BLOCK}</tag>[/BLOCK] [BLOCK_ELSE]<tag>och nö, fehlt</tag>[/BLOCK_ELSE]
nested
[BLOCK_ELSE][RIGHT]<tag>{RIGHT}</tag>[/RIGHT][/BLOCK_ELSE]
really? Here is the first, very simple
<code html>
[ LEFT ]
<div class="col-md-3"> {LEFT} </div> <div class="col-md-9"> {CONTENT} </div>
[ /LEFT ] [ LEFT_ELSE ]
<div class="col-md-12"> {CONTENT} </div>
[ /LEFT_ELSE ] <code> What does it do? Right what it should: in case {LEFT} has no content the main content will expand to 12 columns. Otherwise there is a column 3 and column 9 (bootstrap)