2013-05-03 08:12:33 +08:00
|
|
|
---
|
|
|
|
layout: base
|
|
|
|
title: Font Awesome Examples
|
|
|
|
navbar_active: examples
|
2013-05-09 11:15:29 +08:00
|
|
|
relative_path: ../
|
2013-05-03 08:12:33 +08:00
|
|
|
---
|
2013-10-12 19:16:27 +08:00
|
|
|
{% capture jumbotron_h1 %}<i class="fa-icon fa-icon-magic"></i> Examples{% endcapture %}
|
2013-05-03 11:16:41 +08:00
|
|
|
{% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}
|
2013-05-03 08:12:33 +08:00
|
|
|
|
|
|
|
{% include jumbotron.html %}
|
|
|
|
{% include stripe-social.html %}
|
|
|
|
|
|
|
|
<div class="container">
|
2013-10-20 03:20:03 +08:00
|
|
|
{% capture stripe_ad_content %}
|
|
|
|
<p class="lead">
|
|
|
|
After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome icons just about
|
|
|
|
anywhere with the <code><i></code> tag.
|
|
|
|
Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
|
|
|
|
</p>
|
|
|
|
{% endcapture %}
|
|
|
|
{% include stripe-ad.html %}
|
|
|
|
|
|
|
|
{% include examples/inline-icons.html %}
|
|
|
|
{% include examples/larger-icons.html %}
|
|
|
|
{% include examples/bordered-pulled.html %}
|
|
|
|
{% include examples/buttons.html %}
|
|
|
|
{% include examples/button-groups.html %}
|
|
|
|
{% include examples/button-dropdowns.html %}
|
|
|
|
{% include examples/list-bullets.html %}
|
|
|
|
{% include examples/navigation.html %}
|
|
|
|
{% include examples/form-inputs.html %}
|
|
|
|
{% include examples/animated-spinner.html %}
|
|
|
|
{% include examples/rotated-flipped.html %}
|
|
|
|
{% include examples/stacked.html %}
|
|
|
|
{% include examples/custom.html %}
|
2013-05-03 08:12:33 +08:00
|
|
|
</div>
|