convert code section to new layout

docs/base-css.html

@@ -387,15 +387,13 @@
   <div class="page-header">
     <h1>Code <small>Inline and block code snippets</small></h1>
   </div>
-  <div class="row">
-    <div class="span4">
+
   <h2>Inline</h2>
   <p>Wrap inline snippets of code with <code>&lt;code&gt;</code>.</p>
 <pre class="prettyprint linenums">
 For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 </pre>
-    </div><!--/span-->
-    <div class="span4">
+
   <h2>Basic block</h2>
   <p>Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p>
 <pre>
@@ -408,8 +406,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 </pre>
   <p><strong>Note:</strong> Be sure to keep code within <code>&lt;pre&gt;</code> tags as close to the left as possible; it will render all tabs.</p>
   <p>You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.</p>
-    </div><!--/span-->
-    <div class="span4">
+
   <h2>Google Prettify</h2>
   <p>Take the same <code>&lt;pre&gt;</code> element and add two optional classes for enhanced rendering.</p>
 <pre class="prettyprint linenums" style="margin-bottom: 9px;">
@@ -422,8 +419,6 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 &lt;/pre&gt;
 </pre>
   <p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p>
-    </div><!--/span-->
-  </div><!--/row-->
 </section>
 
 

docs/templates/pages/base-css.mustache

@@ -318,15 +318,13 @@
   <div class="page-header">
     <h1>{{_i}}Code{{/i}} <small>{{_i}}Inline and block code snippets{{/i}}</small></h1>
   </div>
-  <div class="row">
-    <div class="span4">
+
   <h2>Inline</h2>
   <p>Wrap inline snippets of code with <code>&lt;code&gt;</code>.</p>
 <pre class="prettyprint linenums">
 {{_i}}For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.{{/i}}
 </pre>
-    </div><!--/span-->
-    <div class="span4">
+
   <h2>Basic block</h2>
   <p>{{_i}}Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.{{/i}}</p>
 <pre>
@@ -339,8 +337,7 @@
 </pre>
   <p>{{_i}}<strong>Note:</strong> Be sure to keep code within <code>&lt;pre&gt;</code> tags as close to the left as possible; it will render all tabs.{{/i}}</p>
   <p>{{_i}}You may optionally add the <code>.pre-scrollable</code> class which will set a max-height of 350px and provide a y-axis scrollbar.{{/i}}</p>
-    </div><!--/span-->
-    <div class="span4">
+
   <h2>Google Prettify</h2>
   <p>Take the same <code>&lt;pre&gt;</code> element and add two optional classes for enhanced rendering.</p>
 <pre class="prettyprint linenums" style="margin-bottom: 9px;">
@@ -353,8 +350,6 @@
 &lt;/pre&gt;
 </pre>
   <p>{{_i}}<a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.{{/i}}</p>
-    </div><!--/span-->
-  </div><!--/row-->
 </section>