FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-26 21:41:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

minor doc updates

Browse Source
This commit is contained in:
davegandy 2013-01-01 19:26:05 -05:00
parent 1e46156c4d
commit 6883e41b08
1 changed files with 45 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
docs/index.html
View File

@ -718,7 +718,7 @@
<p>Many examples re-used from the Twitter Bootstrap documentation.</p>
<div class="row">
<div class="span4">
<div class="well">
<div class="well well-transparent">
<p>Use Font Awesome icons in:</p>
<ul class="icons">
<li><i class="icon-ok"></i>Bulleted lists (like this one)</li>
@ -801,7 +801,7 @@
<div class="span4">
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
Or spinning icons for loading and refreshing content. Or fun big icons in buttons. Lots of new possibilities.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
</div>
<div class="span4">
<div class="well well-large well-transparent lead">
@ -818,8 +818,10 @@
<h3 class="page-header">Example HTML</h3>
<div class="row">
<div class="span12">
<h4>Inline Icons</h4>
</div>
<div class="span3">
<h4>Inline Icon</h4>
<p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
</div>
<div class="span9">
@ -835,8 +837,10 @@
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Larger Icons</h4>
</div>
<div class="span3">
<p>
To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
<code>icon-3x</code>, or <code>icon-4x</code>.
@ -868,8 +872,10 @@
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Animated Spinner</h4>
</div>
<div class="span3">
<p>
Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and
<code>icon-refresh</code>.
@ -893,8 +899,10 @@
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Bordered & Pulled Icons</h4>
</div>
<div class="span3">
<p>
Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
article graphics.
@ -904,8 +912,8 @@
<div class="well well-large well-transparent">
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
Or spinning icons for loading and refreshing content. Or fun big icons in buttons. You can combine all of them
in any combination to get lots of new possibilities.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
<pre class="prettyprint linenums">
&lt;i class=&quot;icon-quote-left icon-4x pull-left icon-muted&quot;&gt;&lt;/i&gt;
@ -914,8 +922,8 @@ Use a few of the new styles together ... lots of new possibilities.
<div class="well well-large well-transparent">
<i class="icon-camera-retro icon-4x pull-left icon-border"></i>
Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
Or spinning icons for loading and refreshing content. Or fun big icons in buttons. You can combine all of them
in any combination to get lots of new possibilities.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
<pre class="prettyprint linenums">
&lt;i class=&quot;icon-flag icon-4x pull-left icon-border&quot;&gt;&lt;/i&gt;
@ -924,8 +932,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Buttons</h4>
</div>
<div class="span3">
<p>
<a class="btn" href="#">
<i class="icon-repeat"></i> Reload</a>
@ -978,15 +988,17 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Button groups</h4>
</div>
<div class="span3">
<p>
<div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a>
<a class="btn" href="#"><i class="icon-align-right"></i></a>
<a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>
<div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a>
<a class="btn" href="#"><i class="icon-align-right"></i></a>
<a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>
</p>
</div>
<div class="span9">
@ -1001,8 +1013,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Button dropdowns</h4>
</div>
<div class="span3">
<p>
<div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
@ -1036,8 +1050,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Lists</h4>
</div>
<div class="span3">
<p>
<ul class="icons">
<li><i class="icon-ok"></i> Lists</li>
@ -1062,8 +1078,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Navigation</h4>
</div>
<div class="span3">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
@ -1086,8 +1104,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Prepended form inputs</h4>
</div>
<div class="span3">
<p>
<form>
<div class="input-prepend">
@ -1117,8 +1137,10 @@ Use a few of the new styles together ... lots of new possibilities.
</div>
</div>
<div class="row">
<div class="span3">
<div class="span12">
<h4>Custom CSS</h4>
</div>
<div class="span3">
<p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
</div>
<div class="span9">