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="col-md-8 ">
        <div class="lead">Lead text goes here  
+
            <div class="lead">Lead text goes here </div>  
        </div>
+
      </div><!-- end col-md-8 -->
<!-- end col-md-8 -->
+
      <div class="col-md-4 sidebar">
</div>
+
              *[[sidebar links can go here]]
 
+
      </div> <!-- end col-md-4-->
<div class="col-md-4 sidebar">
+
    </div> <!-- end row -->
*[[sidebar links can go here]]
+
  </div> <!-- end container-->
 
+
<!-- end col-md-4-->
+
</div>
+
<!-- end row -->
+
  </div>
+
<!-- end container-->
+
</div>
+
 
</pre>
 
</pre>
 
[[Category:Mediawiki]]
 
[[Category:Mediawiki]]

Revision as of 16: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-->