Icons
How to use
Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared
prefix. To use, place the following code just about anywhere:
<i class="glyphicon glyphicon-search"></i>
Heads up!
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the
<i> tag for proper spacing.
Use cases
Icons are great, but where would one use them? Here are a few ideas:
- As visuals for your sidebar navigation
- For a purely icon-driven navigation
- For buttons to help convey the meaning of an action
- With links to share context on a user's destination
Essentially, anywhere you can put an <i> tag, you can put an icon.
Examples
Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.