Grid.rythm: Difference between revisions
Jump to navigation
Jump to search
(Created page with "= Links = * https://codepen.io/jaycbrf/pen/iBszr * {{Link|target=MediaWiki:Bootstrap.rythm}} * {{Link|target=MediaWiki:BITPlan.rythm}} * {{Link|target=MediaWiki:Form.rythm}}...") |
|||
| (20 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
* {{Link|target=MediaWiki:BITPlan.rythm}} | * {{Link|target=MediaWiki:BITPlan.rythm}} | ||
* {{Link|target=MediaWiki:Form.rythm}} | * {{Link|target=MediaWiki:Form.rythm}} | ||
* {{Link|target=Grid}} | |||
= Rythm template = | = Rythm template = | ||
<source lang='html'> | <source lang='html'> | ||
@// 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() | |||
</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> | |||
</source> | </source> | ||
[[Category:RythmTemplate]] | |||
Latest revision as of 13: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>