bump up height of progress bars, give some extra depth with stacking bars, and then make the stacked bars actually work

1 files changed, 6 insertions, 9 deletions

diff --git a/docs/components.html b/docs/components.html
index 0eb929d83..ce90be579 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -2071,19 +2071,16 @@
           <p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
           <div class="bs-docs-example">
             <div class="progress">
-              <div class="bar-success" style="width: 35%"></div>
-              <div class="bar-warning" style="width: 20%"></div>
-              <div class="bar-danger" style="width: 10%"></div>
+              <div class="bar bar-success" style="width: 35%"></div>
+              <div class="bar bar-warning" style="width: 20%"></div>
+              <div class="bar bar-danger" style="width: 10%"></div>
             </div>
           </div>
 <pre class="prettyprint linenums">
 &lt;div class="progress"&gt;
-  &lt;div class="bar-success"
-       style="width: 35%;"&gt;&lt;/div&gt;
-  &lt;div class="bar-warning"
-       style="width: 20%;"&gt;&lt;/div&gt;
-  &lt;div class="bar-danger"
-       style="width: 10%;"&gt;&lt;/div&gt;
+  &lt;div class="bar bar-success" style="width: 35%;"&gt;&lt;/div&gt;
+  &lt;div class="bar bar-warning" style="width: 20%;"&gt;&lt;/div&gt;
+  &lt;div class="bar bar-danger" style="width: 10%;"&gt;&lt;/div&gt;
 &lt;/div&gt;
 </pre>