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

Minor Grammar and Spelling Corrections (#24724)

Browse Source
This commit is contained in:
Dan Harding
2018-12-14 03:46:04 +00:00
committed by Manish Giri
parent 21bf1120f7
commit f67270113d
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,14 +4,14 @@ title: Icons
## Icons ## Icons
The Bootstrap framework provides you Glyphicons for icon. The Bootstrap framework provides you with Glyphicons for icons.
Bootstrap doesn’t include an icon library by default, but it has a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. Bootstrap doesn’t include an icon library by default, but it has a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.
### How to use ### How to use
To use Bootstrap icon create a span tag with base class `glyphicon` and individual icon class. 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. Use it only on elements that contain no text content and have no child elements.
**Code Example:** **Code Example:**
@ -28,7 +28,7 @@ The Bootstrap framework provides you with over 250 icons called glyphs. They com
### How To Use ### How To Use
To use bootstrap icons you simply create `<span>` tag and apply the applicable CSS class for the icon. A code example has been provided below. To use Bootstrap icons you simply create a `<span>` tag and apply the applicable CSS class for the icon. A code example has been provided below.
**Code Example:** **Code Example:**
@ -38,13 +38,13 @@ To use bootstrap icons you simply create `<span>` tag and apply the applicable C
### Bootstrap Glyphicon Class List ### Bootstrap Glyphicon Class List
This is an example of the CSS classes that bootstrap provides for glyphicons. More of them is avalible <a href='https://getbootstrap.com/docs/3.3/components/#glyphicons' target='_blank' rel='nofollow'>here</a> This is an example of the CSS classes that Bootstrap provides for glyphicons. More of them are avalible <a href='https://getbootstrap.com/docs/3.3/components/#glyphicons' target='_blank' rel='nofollow'>here</a>
`.glyphicon glyphicon-plus` This is bootstrap's plus/add icon. `.glyphicon glyphicon-plus` This is Bootstrap's plus/add icon.
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
`.glyphicon glyphicon-trash` This is bootstrap's trash/delete icon. `.glyphicon glyphicon-trash` This is Bootstrap's trash/delete icon.
<span class="glyphicon glyphicon-trash" aria-hidden="true"></span> <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
@ -61,6 +61,9 @@ _Note: Do not include the dot in the HTML Class Attribute, referring to the clas
<span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button> </button>
_Note: Bootstrap's Glyphicons are not avalable in Bootstrap V4_
### Things to keep in mind ### Things to keep in mind
**Don't mix with other components** **Don't mix with other components**