</div><!-- /col -->
<div class="span6">
<h2>Fluid layout</h2>
- <p><code><div class="fluid-container"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.</p>
+ <p><code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.</p>
<div class="mini-layout fluid">
<div class="mini-layout-sidebar"></div>
<div class="mini-layout-body"></div>
</div>
<pre class="prettyprint linenums">
-<body>
- <div class="fluid-container sidebar-left">
- <div class="fluid-sidebar">
- ...
+<div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span2">
+ <!--Sidebar content-->
</div>
- <div class="fluid-content">
- ...
+ <div class="span10">
+ <!--Body content-->
</div>
</div>
-</body>
+</div>
</pre>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /col -->
<div class="span6">
<h2>{{_i}}Fluid layout{{/i}}</h2>
- <p>{{_i}}<code><div class="fluid-container"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}</p>
+ <p>{{_i}}<code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}</p>
<div class="mini-layout fluid">
<div class="mini-layout-sidebar"></div>
<div class="mini-layout-body"></div>
</div>
<pre class="prettyprint linenums">
-<body>
- <div class="fluid-container sidebar-left">
- <div class="fluid-sidebar">
- ...
+<div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span2">
+ <!--{{_i}}Sidebar content{{/i}}-->
</div>
- <div class="fluid-content">
- ...
+ <div class="span10">
+ <!--{{_i}}Body content{{/i}}-->
</div>
</div>
-</body>
+</div>
</pre>
</div><!-- /col -->
</div><!-- /row -->