Difference between revisions of "Grid.rythm"
Jump to navigation
Jump to search
(16 intermediate revisions by the same user not shown) | |||
Line 9: | Line 9: | ||
@// Rythm template for the WikiCMS approach | @// Rythm template for the WikiCMS approach | ||
@include(wiki.MediaWiki.Bootstrap.rythm) | @include(wiki.MediaWiki.Bootstrap.rythm) | ||
+ | @header(lang,title) | ||
@bootstrap() | @bootstrap() | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav class="navbar navbar-static-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="index.php">Home</a></li> | ||
+ | <li><a href="about.php">About</a></li> | ||
+ | <li><a href="#portfolio">Portfolio</a></li> | ||
+ | <li><a href="#">Blog</a></li> | ||
+ | <li><a href="contact.php">Contact</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class='container'> | ||
+ | @{ | ||
+ | int cols[]={1,2,3,4,6,12}; | ||
+ | } | ||
+ | @for (int colnum:cols) { | ||
+ | <div class='row' style='background:#FCFCFC;'> | ||
+ | @for (int cindex=1;cindex<=colnum;cindex++) { | ||
+ | @{ int colwidth=12/colnum;} | ||
+ | <div class='col-xs-@(colwidth)'>@(cindex)</div> | ||
+ | } | ||
+ | </div> | ||
+ | } | ||
@(content) | @(content) | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
</source> | </source> | ||
[[Category:RythmTemplate]] | [[Category:RythmTemplate]] |
Latest revision as of 15:51, 8 November 2017
Links
- https://codepen.io/jaycbrf/pen/iBszr
- MediaWiki:Bootstrap.rythm
- MediaWiki:BITPlan.rythm
- MediaWiki:Form.rythm
- Grid
Rythm template
@// Rythm template for the WikiCMS approach
@include(wiki.MediaWiki.Bootstrap.rythm)
@header(lang,title)
@bootstrap()
</head>
<body>
<nav class="navbar navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class='container'>
@{
int cols[]={1,2,3,4,6,12};
}
@for (int colnum:cols) {
<div class='row' style='background:#FCFCFC;'>
@for (int cindex=1;cindex<=colnum;cindex++) {
@{ int colwidth=12/colnum;}
<div class='col-xs-@(colwidth)'>@(cindex)</div>
}
</div>
}
@(content)
</div>
</body>
</html>