Difference between revisions of "Grid.rythm"

From BITPlan Wiki
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

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>