Difference between revisions of "About Wiki Page Layouts"
From Help Wiki
m |
m |
||
| Line 5: | Line 5: | ||
<pre><div class="container-fluid"> | <pre><div class="container-fluid"> | ||
<div class="row"> | <div class="row"> | ||
| − | + | <div class="col-md-8 "> | |
| − | + | <div class="lead">Lead text goes here </div> | |
| − | + | </div><!-- end col-md-8 --> | |
| − | + | <div class="col-md-4 sidebar"> | |
| − | + | *[[sidebar links can go here]] | |
| − | + | </div> <!-- end col-md-4--> | |
| − | + | </div> <!-- end row --> | |
| − | + | </div> <!-- end container--> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </div> | + | |
| − | + | ||
| − | + | ||
</pre> | </pre> | ||
[[Category:Mediawiki]] | [[Category:Mediawiki]] | ||
Revision as of 15:06, 22 March 2017
This article references the Bootstrap 3.0 classes available for grid-based page layouts when using the default Evergreen MediaWiki skin (Chameleon).
Create a 2 Column Layout Help Wiki default article
Create a main content + sidebar layout
<div class="container-fluid">
<div class="row">
<div class="col-md-8 ">
<div class="lead">Lead text goes here </div>
</div><!-- end col-md-8 -->
<div class="col-md-4 sidebar">
*[[sidebar links can go here]]
</div> <!-- end col-md-4-->
</div> <!-- end row -->
</div> <!-- end container-->
