diff options
| author | Mark Otto <[email protected]> | 2012-01-28 22:14:51 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-28 22:14:51 -0800 |
| commit | 487dbfdda4692e3212f13d5e6282d7818b4c9934 (patch) | |
| tree | c69e9ec3751390aaa5f836b933ba61f7ed675b28 /docs/components.html | |
| parent | 59d9983ebcc889b5e5626d672311e92657bfe3e8 (diff) | |
| download | bootstrap-487dbfdda4692e3212f13d5e6282d7818b4c9934.tar.xz bootstrap-487dbfdda4692e3212f13d5e6282d7818b4c9934.zip | |
namespace progress bars and labels classes
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 42 |
1 files changed, 19 insertions, 23 deletions
diff --git a/docs/components.html b/docs/components.html index f9f8db057..52483572e 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1007,34 +1007,34 @@ </tr> <tr> <td> - <span class="label success">New</span> + <span class="label label-success">New</span> </td> <td> - <code><span class="label success">New</span></code> + <code><span class="label label-success">New</span></code> </td> </tr> <tr> <td> - <span class="label warning">Warning</span> + <span class="label label-warning">Warning</span> </td> <td> - <code><span class="label warning">Warning</span></code> + <code><span class="label label-warning">Warning</span></code> </td> </tr> <tr> <td> - <span class="label important">Important</span> + <span class="label label-important">Important</span> </td> <td> - <code><span class="label important">Important</span></code> + <code><span class="label label-important">Important</span></code> </td> </tr> <tr> <td> - <span class="label info">Info</span> + <span class="label label-info">Info</span> </td> <td> - <code><span class="label info">Info</span></code> + <code><span class="label label-info">Info</span></code> </td> </tr> </tbody> @@ -1307,12 +1307,12 @@ <div class="span4"> <h3>Striped</h3> <p>Uses a gradient to create a striped effect.</p> - <div class="progress info striped"> + <div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%;"></div> </div> <pre class="prettyprint linenums"> -<div class="progress info - striped"> +<div class="progress progress-info + progress-striped"> <div class="bar" style="width: 20%;"></div> </div> @@ -1321,12 +1321,12 @@ <div class="span4"> <h3>Animated</h3> <p>Takes the striped example and animates it.</p> - <div class="progress danger active striped"> + <div class="progress progress-danger progress-striped active"> <div class="bar" style="width: 45%"></div> </div> <pre class="prettyprint linenums"> -<div class="progress danger - striped active"> +<div class="progress progress-danger + progress-striped active"> <div class="bar" style="width: 40%;"></div> </div> @@ -1338,18 +1338,18 @@ <div class="row"> <div class="span4"> <h3>Additional colors</h3> - <p>Progress bars utilize some of the same classes as buttons and alert messages for quick styling.</p> + <p>Progress bars utilize some of the same class names as buttons and alerts for similar styling.</p> <ul> - <li><code>.info</code></li> - <li><code>.success</code></li> - <li><code>.danger</code></li> + <li><code>.progress-info</code></li> + <li><code>.progress-success</code></li> + <li><code>.progress-danger</code></li> </ul> <p>Alternatively, you can customize the LESS files and roll your own colors and sizes.</p> </div> <div class="span4"> <h3>Behavior</h3> <p>Progress bars use CSS3 transitions, so if you dynamically adjust the width via javascript, it will smoothly resize.</p> - <p>If you use the <code>.active</code> class, your <code>.striped</code> progress bars will animate the stripes left to right.</p> + <p>If you use the <code>.active</code> class, your <code>.progress-striped</code> progress bars will animate the stripes left to right.</p> </div> <div class="span4"> <h3>Browser support</h3> @@ -1398,10 +1398,6 @@ </section> - - - - <!-- Footer ================================================== --> <footer class="footer"> |