remove subnav file, instead add an optional class for .navbar

1 files changed, 40 insertions, 15 deletions

diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 52ed45a49..cc1ecf1cb 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -3,21 +3,24 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Javascript for Bootstrap{{/i}}</h1>
   <p class="lead">{{_i}}Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.{{/i}}
-  <div class="subnav">
-    <ul class="nav">
-      <li><a href="#transitions">{{_i}}Transitions{{/i}}</a></li>
-      <li><a href="#modals">{{_i}}Modal{{/i}}</a></li>
-      <li><a href="#dropdowns">{{_i}}Dropdown{{/i}}</a></li>
-      <li><a href="#scrollspy">{{_i}}Scrollspy{{/i}}</a></li>
-      <li><a href="#tabs">{{_i}}Tab{{/i}}</a></li>
-      <li><a href="#tooltips">{{_i}}Tooltip{{/i}}</a></li>
-      <li><a href="#popovers">{{_i}}Popover{{/i}}</a></li>
-      <li><a href="#alerts">{{_i}}Alert{{/i}}</a></li>
-      <li><a href="#buttons">{{_i}}Button{{/i}}</a></li>
-      <li><a href="#collapse">{{_i}}Collapse{{/i}}</a></li>
-      <li><a href="#carousel">{{_i}}Carousel{{/i}}</a></li>
-      <li><a href="#typeahead">{{_i}}Typeahead{{/i}}</a></li>
-    </ul>
+  <div class="navbar navbar-subnav">
+    <div class="navbar-inner">
+      <ul class="nav">
+        <li><a href="#transitions">{{_i}}Transitions{{/i}}</a></li>
+        <li><a href="#modals">{{_i}}Modal{{/i}}</a></li>
+        <li><a href="#dropdowns">{{_i}}Dropdown{{/i}}</a></li>
+        <li><a href="#scrollspy">{{_i}}Scrollspy{{/i}}</a></li>
+        <li><a href="#tabs">{{_i}}Tab{{/i}}</a></li>
+        <li><a href="#tooltips">{{_i}}Tooltip{{/i}}</a></li>
+        <li><a href="#popovers">{{_i}}Popover{{/i}}</a></li>
+        <li><a href="#alerts">{{_i}}Alert{{/i}}</a></li>
+        <li><a href="#buttons">{{_i}}Button{{/i}}</a></li>
+        <li><a href="#collapse">{{_i}}Collapse{{/i}}</a></li>
+        <li><a href="#carousel">{{_i}}Carousel{{/i}}</a></li>
+        <li><a href="#typeahead">{{_i}}Typeahead{{/i}}</a></li>
+        <li><a href="#affix">{{_i}}Affix{{/i}}</a></li>
+      </ul>
+    </div>
   </div>
 </header>
 
@@ -1435,3 +1438,25 @@ $('.carousel').carousel({
   <h4>.typeahead({{_i}}options{{/i}})</h4>
   <p>{{_i}}Initializes an input with a typeahead.{{/i}}</p>
 </section>
+
+
+
+<!-- Affix
+================================================== -->
+<section id="affix">
+  <div class="page-header">
+    <h1>
+      {{_i}}Affix{{/i}}
+      <small>{{_i}}Make an element stick in place{{/i}}</small>
+    </h1>
+  </div>
+
+  <h2>{{_i}}...{{/i}}</h2>
+  <p>{{_i}}...{{/i}}</p>
+  <div class="bs-docs-example">
+
+  </div>
+<pre class="prettyprint linenums">
+...
+</pre>
+</section>