diff --git a/docs/components.html b/docs/components.html
index 081f5f4b..85f95ba2 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1005,39 +1005,6 @@
     ...
   </div>
 </div>
-</pre>
-
-          <h4>Tabs on the right</h4>
-          <p>Swap the class to put tabs on the right.</p>
-          <div class="bs-docs-example">
-            <div class="tabbable tabs-right">
-              <ul class="nav nav-tabs">
-                <li class="active"><a href="#rA" data-toggle="tab">Section 1</a></li>
-                <li><a href="#rB" data-toggle="tab">Section 2</a></li>
-                <li><a href="#rC" data-toggle="tab">Section 3</a></li>
-              </ul>
-              <div class="tab-content">
-                <div class="tab-pane active" id="rA">
-                  <p>I'm in Section A.</p>
-                </div>
-                <div class="tab-pane" id="rB">
-                  <p>Howdy, I'm in Section B.</p>
-                </div>
-                <div class="tab-pane" id="rC">
-                  <p>What up girl, this is Section C.</p>
-                </div>
-              </div>
-            </div> <!-- /tabbable -->
-          </div>
-<pre class="prettyprint linenums">
-&lt;div class="tabbable tabs-right"&gt;
-  &lt;ul class="nav nav-tabs"&gt;
-    ...
-  &lt;/ul&gt;
-  &lt;div class="tab-content"&gt;
-    ...
-  &lt;/div&gt;
-&lt;/div&gt;
 </pre>
 
           <h4>Bordered tabbable</h4>
@@ -1045,18 +1012,18 @@
           <div class="bs-docs-example">
             <div class="tabbable tabbable-bordered">
               <ul class="nav nav-tabs">
-                <li class="active"><a href="#rA" data-toggle="tab">Section 1</a></li>
-                <li><a href="#rB" data-toggle="tab">Section 2</a></li>
-                <li><a href="#rC" data-toggle="tab">Section 3</a></li>
+                <li class="active"><a href="#xA" data-toggle="tab">Section 1</a></li>
+                <li><a href="#xB" data-toggle="tab">Section 2</a></li>
+                <li><a href="#xC" data-toggle="tab">Section 3</a></li>
               </ul>
               <div class="tab-content">
-                <div class="tab-pane active" id="rA">
+                <div class="tab-pane active" id="xA">
                   <p>I'm in Section A.</p>
                 </div>
-                <div class="tab-pane" id="rB">
+                <div class="tab-pane" id="xB">
                   <p>Howdy, I'm in Section B.</p>
                 </div>
-                <div class="tab-pane" id="rC">
+                <div class="tab-pane" id="xC">
                   <p>What up girl, this is Section C.</p>
                 </div>
               </div>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 646c6769..b2dbf6a4 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -924,39 +924,6 @@
     ...
   &lt;/div&gt;
 &lt;/div&gt;
-</pre>
-
-          <h4>{{_i}}Tabs on the right{{/i}}</h4>
-          <p>{{_i}}Swap the class to put tabs on the right.{{/i}}</p>
-          <div class="bs-docs-example">
-            <div class="tabbable tabs-right">
-              <ul class="nav nav-tabs">
-                <li class="active"><a href="#rA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
-                <li><a href="#rB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
-                <li><a href="#rC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
-              </ul>
-              <div class="tab-content">
-                <div class="tab-pane active" id="rA">
-                  <p>{{_i}}I'm in Section A.{{/i}}</p>
-                </div>
-                <div class="tab-pane" id="rB">
-                  <p>{{_i}}Howdy, I'm in Section B.{{/i}}</p>
-                </div>
-                <div class="tab-pane" id="rC">
-                  <p>{{_i}}What up girl, this is Section C.{{/i}}</p>
-                </div>
-              </div>
-            </div> <!-- /tabbable -->
-          </div>{{! /example }}
-<pre class="prettyprint linenums">
-&lt;div class="tabbable tabs-right"&gt;
-  &lt;ul class="nav nav-tabs"&gt;
-    ...
-  &lt;/ul&gt;
-  &lt;div class="tab-content"&gt;
-    ...
-  &lt;/div&gt;
-&lt;/div&gt;
 </pre>
 
           <h4>{{_i}}Bordered tabbable{{/i}}</h4>
@@ -964,18 +931,18 @@
           <div class="bs-docs-example">
             <div class="tabbable tabbable-bordered">
               <ul class="nav nav-tabs">
-                <li class="active"><a href="#rA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
-                <li><a href="#rB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
-                <li><a href="#rC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
+                <li class="active"><a href="#xA" data-toggle="tab">{{_i}}Section 1{{/i}}</a></li>
+                <li><a href="#xB" data-toggle="tab">{{_i}}Section 2{{/i}}</a></li>
+                <li><a href="#xC" data-toggle="tab">{{_i}}Section 3{{/i}}</a></li>
               </ul>
               <div class="tab-content">
-                <div class="tab-pane active" id="rA">
+                <div class="tab-pane active" id="xA">
                   <p>{{_i}}I'm in Section A.{{/i}}</p>
                 </div>
-                <div class="tab-pane" id="rB">
+                <div class="tab-pane" id="xB">
                   <p>{{_i}}Howdy, I'm in Section B.{{/i}}</p>
                 </div>
-                <div class="tab-pane" id="rC">
+                <div class="tab-pane" id="xC">
                   <p>{{_i}}What up girl, this is Section C.{{/i}}</p>
                 </div>
               </div>