From f64fe29003159669404f8f5a7a20551fec263904 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 15:40:37 -0700 Subject: Move Glyphicons into their own repo Removes the icon fonts and associated docs and LESS code from the core repo and into twbs/bootstrap-glyphicons. --- docs/components.html | 314 --------------------------------------------------- 1 file changed, 314 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index b18fd2b64..e2a883705 100644 --- a/docs/components.html +++ b/docs/components.html @@ -6,320 +6,6 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na --- - -
-
-

Icons font by Glyphicons

-
- -

Included glyphs

-

Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

- - - -

Glyphicons attribution

-

Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

- - -

How to use

-

Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

-{% highlight html %} - -{% endhighlight %} -

Want to change the icon color? Just change the color of the parent element.

-

When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

- - -

Icon examples

-

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

- -

Buttons

- -
Button group in a button toolbar
-
-
-
- - - - -
-
-
-{% highlight html %} -
-
- - - - -
-
-{% endhighlight %} - -
-

Accessibility

-

Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

-
- -
Dropdown in a button group
-
-
- User - - -
-
-{% highlight html %} -
- User - - -
-{% endhighlight %} - -
Large button
-
- Star -
-{% highlight html %} - Star -{% endhighlight %} - -
Small button
-
- -
-{% highlight html %} - -{% endhighlight %} - - -

Navigation

-
- -
-{% highlight html %} - -{% endhighlight %} - -

Form fields

-
-
- -
-
- - -
-
-
-
-{% highlight html %} -
- -
-
- - -
-
-
-{% endhighlight %} - -
- - -- cgit v1.2.3 From 2981f0089f917deb39a6dd61a784c01aa2732e92 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Jun 2013 18:51:06 -0700 Subject: remove glyphicons from demo component --- docs/components.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index ee819a244..071e546dc 100644 --- a/docs/components.html +++ b/docs/components.html @@ -243,10 +243,10 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Make a set of buttons appear vertically stacked rather than horizontally.

- - - - + + + +
{% highlight html %} -- cgit v1.2.3