Difference between revisions of "Grid.rythm"
Jump to navigation
Jump to search
Line 13: | Line 13: | ||
</head> | </head> | ||
<body> | <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'> | ||
@{ | @{ |
Latest revision as of 14: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>