diff options
author | Mark Otto <markotto@twitter.com> | 2012-08-20 22:22:37 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-08-20 22:22:37 +0400 |
commit | 2fda6a45aa762f66e573a81c279f79e362f3593f (patch) | |
tree | 953f0aac0aa7550c90e8977fe93a519daf493f3e /docs/templates/pages | |
parent | 47697c5f352c08294fb8a077e1ab27dce7decdb9 (diff) |
bump up height of progress bars, give some extra depth with stacking bars, and then make the stacked bars actually work
Diffstat (limited to 'docs/templates/pages')
-rw-r--r-- | docs/templates/pages/components.mustache | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index df1fa6774f..c14619c95e 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -1996,6 +1996,23 @@ </div> </pre> + <h3>Stacked</h3> + <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 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"> +<div class="progress"> + <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> +</pre> + <hr class="bs-docs-separator"> |