Update site from bootstrap 2.1.1 to 3.3.5

docs/templates/manual.liquid

@@ -1,21 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
   {% include "shared/head" %}
+
   <body id="{{slug}}" data-spy="scroll" data-target="#navcolumn" data-offset="100">
     {% include "shared/header" %}
+
     <div class="container">
       <div class="row">
-        <div class="span3" id="navcolumn">
-          <div class="affix">
+        <div class="affix" id="navcolumn">
           <h4>Contents</h4>
           <ul class="nav nav-pills nav-stacked">
             {% for section in sections %}
-              <li {% if forloop.first %} class="active" {% endif %}>
+              <li>
                 <a href="#{{section.title | sanitize}}">{{section.title}}</a>
               </li>
             {% endfor %}
           </ul>
-          <form class="form-search">
+          <form class="form-group">
             <script type="text/javascript">
               var section_map = {
                 {% for section in sections %}
@@ -43,19 +44,19 @@
                   var q = $value.find('.jqprogram').text().replace(/^jq /, '').replace(/^'(.+)'$/, '$1');
                   var url = 'https://jqplay.org/jq?q=' + encodeURIComponent(q) +'&j=' + encodeURIComponent(j)
                   var $last_tr = $value.find('tr:last');
-                  $last_tr.after('<tr><th><a href="' + url + '" class="btn btn-primary btn-small">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
+                  $last_tr.after('<tr><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
                 });
               });
             </script>
             <input type="text"
-                   class="input-medium search-query"
-                   placeholder="Search"
-                   autocomplete="off"
-                   id="searchbox">
+                  class="form-control"
+                  placeholder="Search"
+                  autocomplete="off"
+                  id="searchbox">
           </form>
-          </div>
         </div>
-        <div class="span9">
+
+        <div id="manualcontent">
           <h1>{{headline}}</h1>
           {{ history | markdownify }}
           {{ body | markdownify }}
@@ -75,11 +76,11 @@
                   <div>
                     {% capture exampleID %}{{ "" | unique }}{% endcapture %}
                     <a data-toggle="collapse" href="#example{{exampleID}}">
-                      <i class="icon-chevron-right"></i>
+                      <i class="glyphicon glyphicon-chevron-right"></i>
                       {% if entry.examples[1] %}Examples{%else%}Example{%endif%}
                     </a>
                     <div id="example{{exampleID}}" class="collapse">
-                      
+
                     {% for example in entry.examples %}
                       <table class="manual-example">
                         <tr><th></th><td class="jqprogram">jq '{{example.program | escape}}'</td></tr>
@@ -100,7 +101,7 @@
                             <td>{{output | escape}}</td>
                           </tr>
                         {% endfor %}
-                        
+
                       </table>
                     {% endfor %}
                     </div>
@@ -112,11 +113,8 @@
           {% endfor %}
         </div>
       </div>
-      
-
     </div>
-      {% include "shared/footer" %}    
+
+    {% include "shared/footer" %}
   </body>
-
-
 </html>