gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Corrected grammer, additional info & search glyph added. (#31431)

Browse Source
This commit is contained in:
Ian McCormack
2019-02-24 06:54:20 +00:00
committed by Randell Dawson
parent e9478456f9
commit c91b475917
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
guide/english/bootstrap/icons/index.md
View File

@ -11,8 +11,7 @@ Bootstrap doesn’t include an icon library by default, but it has a handful of
### How to use
To use Bootstrap icons, create a `<span>` tag with base class `glyphicon` and individual icon class.
Use it only on elements that contain no text content and have no child elements.
To use a Bootstrap icon, create a span tag with base class `glyphicon` and individual icon class. Use it only on elements that contain no text content and have no child elements.
**Code Example:**
@ -24,7 +23,7 @@ Use it only on elements that contain no text content and have no child elements.
<span class="glyphicon glyphicon-cog"></span>
The Bootstrap framework provides you with over 250 icons called glyphs. They come in font format from the Glyphicon Halflings set.
The Bootstrap framework provides you with over 250 icons called glyphs. They come in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, they only ask that you include a link back to Glyphicons whenever possible.
### How To Use
@ -48,6 +47,10 @@ This is an example of the CSS classes that bootstrap provides for glyphicons. Mo
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
`.glyphicon glyphicon-search` This is bootstrap's search/magnify icon.
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
`.glyphicon glyphicon-envelope` This is bootstrap's envelope icon.
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>