mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00
Code Activity

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

Browse Source
This commit is contained in:
Mark Otto
2012-08-20 11:22:37 -07:00
parent 47697c5f35
commit 2fda6a45aa
4 changed files with 54 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components.html
+6 -9
View File
@@ -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>