1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00

Merge pull request #15889 from StevenBlack/headings-progressbars

docs>components>progress bars headings
This commit is contained in:
Mark Otto
2015-02-24 16:27:24 -08:00

View File

@@ -8,7 +8,7 @@
<p>Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.</p> <p>Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.</p>
</div> </div>
<h3 id="progress-basic">Basic example</h3> <h2 id="progress-basic">Basic example</h2>
<p>Default progress bar.</p> <p>Default progress bar.</p>
<div class="bs-example" data-example-id="simple-progress-bar"> <div class="bs-example" data-example-id="simple-progress-bar">
<div class="progress"> <div class="progress">
@@ -25,7 +25,7 @@
</div> </div>
{% endhighlight %} {% endhighlight %}
<h3 id="progress-label">With label</h3> <h2 id="progress-label">With label</h2>
<p>Remove the <code>&lt;span&gt;</code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p> <p>Remove the <code>&lt;span&gt;</code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p>
<div class="bs-example" data-example-id="progress-bar-with-label"> <div class="bs-example" data-example-id="progress-bar-with-label">
<div class="progress"> <div class="progress">
@@ -68,7 +68,7 @@
{% endhighlight %} {% endhighlight %}
<h3 id="progress-alternatives">Contextual alternatives</h3> <h2 id="progress-alternatives">Contextual alternatives</h2>
<p>Progress bars use some of the same button and alert classes for consistent styles.</p> <p>Progress bars use some of the same button and alert classes for consistent styles.</p>
<div class="bs-example" data-example-id="contextual-progress-bar"> <div class="bs-example" data-example-id="contextual-progress-bar">
<div class="progress"> <div class="progress">
@@ -115,7 +115,7 @@
</div> </div>
{% endhighlight %} {% endhighlight %}
<h3 id="progress-striped">Striped</h3> <h2 id="progress-striped">Striped</h2>
<p>Uses a gradient to create a striped effect. Not available in IE8.</p> <p>Uses a gradient to create a striped effect. Not available in IE8.</p>
<div class="bs-example" data-example-id="striped-progress-bar"> <div class="bs-example" data-example-id="striped-progress-bar">
<div class="progress"> <div class="progress">
@@ -162,7 +162,7 @@
</div> </div>
{% endhighlight %} {% endhighlight %}
<h3 id="progress-animated">Animated</h3> <h2 id="progress-animated">Animated</h2>
<p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p> <p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p>
<div class="bs-example" data-example-id="animated-progress-bar"> <div class="bs-example" data-example-id="animated-progress-bar">
<div class="progress"> <div class="progress">
@@ -178,7 +178,7 @@
</div> </div>
{% endhighlight %} {% endhighlight %}
<h3 id="progress-stacked">Stacked</h3> <h2 id="progress-stacked">Stacked</h2>
<p>Place multiple bars into the same <code>.progress</code> to stack them.</p> <p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
<div class="bs-example" data-example-id="stacked-progress-bar"> <div class="bs-example" data-example-id="stacked-progress-bar">
<div class="progress"> <div class="progress">