Difference between revisions of "Grid.rythm"
Jump to navigation
Jump to search
(13 intermediate revisions by the same user not shown) | |||
Line 12: | Line 12: | ||
@bootstrap() | @bootstrap() | ||
</head> | </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'> | <div class='container'> | ||
− | @{ int cols[]={1,2,3,4,6,12}; | + | @{ |
− | @for (int | + | int cols[]={1,2,3,4,6,12}; |
− | <div class='row'> | + | } |
− | @for (int cindex=1;cindex<= | + | @for (int colnum:cols) { |
− | <div class=' | + | <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> | </div> | ||
} | } | ||
+ | @(content) | ||
</div> | </div> | ||
− | |||
− | |||
</body> | </body> | ||
</html> | </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>