From dd94f8d50971e657cd0b2b388965ba82b436354f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 26 Feb 2012 23:30:15 -0800 Subject: remove warning from icons section about :after labels, add section to explain spacing --- docs/base-css.html | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 2a4cc63d2..2fcce5a12 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1516,9 +1516,6 @@ For example, <code>section</code> should be wrapped as inline. -
- Heads up! Icon classes are echoed via CSS :after. In the docs, we show a light red background color on hover to highlight the icon's size. -

@@ -1531,7 +1528,7 @@ For example, <code>section</code> should be wrapped as inline.

How to use

-

With v2.0.1, we have opted to use an <i> tag for all our icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

+

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="icon-search"></i>
@@ -1540,6 +1537,7 @@ For example, <code>section</code> should be wrapped as inline. <i class="icon-search icon-white"></i>

There are 120 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.

+

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

-- cgit v1.2.3