Difference between revisions of "Grid.rythm"
Jump to navigation
Jump to search
| (19 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) | @(content) | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
</source> | </source> | ||
| + | [[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>