diff options
Diffstat (limited to 'src/_includes/examples/spinning.html')
| -rw-r--r-- | src/_includes/examples/spinning.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/_includes/examples/spinning.html b/src/_includes/examples/spinning.html new file mode 100644 index 000000000..da8bacfd1 --- /dev/null +++ b/src/_includes/examples/spinning.html @@ -0,0 +1,27 @@ +<section id="spinning"> + <h2 class="page-header">Spinning Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <p> + Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>, + <code>fa-refresh</code>, and <code>fa-cog</code>. + </p> + <p> + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button> + </p> + </div> + <div class="col-md-9 col-sm-8"> + <div class="well well-large well-transparent lead"> + <i class="fa fa-spinner fa-spin fa-lg"></i> Spinner icon when loading content... + </div> +{% highlight html %} +<i class="fa fa-spinner fa-spin fa-lg"></i> Spinner icon when loading content... +{% endhighlight %} + <p class="alert alert-success"> + <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9. + </p> + </div> + </div> +</section> |